From 0fcb076479e8f5e4e91c585789848b9a78434d48 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Tue, 4 Jul 2023 21:04:59 +0200
Subject: [PATCH 01/26] Init

---
 components/TitleBar/OpenSolution.bat          |   3 +
 components/TitleBar/samples/Assets/icon.png   | Bin 0 -> 6192 bytes
 components/TitleBar/samples/BlankPage1.xaml   |  43 +++
 .../TitleBar/samples/BlankPage1.xaml.cs       |  24 ++
 .../TitleBar/samples/Dependencies.props       |  31 ++
 .../TitleBar/samples/TitleBar.Samples.csproj  |  15 +
 components/TitleBar/samples/TitleBar.md       |  33 ++
 .../samples/TitleBarCustomSample.xaml         |  35 ++
 .../samples/TitleBarCustomSample.xaml.cs      |  64 +++
 .../TitleBar/src/AdditionalAssemblyInfo.cs    |  13 +
 ...nityToolkit.WinUI.Controls.TitleBar.csproj |  13 +
 components/TitleBar/src/Dependencies.props    |  31 ++
 components/TitleBar/src/MultiTarget.props     |   9 +
 components/TitleBar/src/Themes/Generic.xaml   |   9 +
 .../TitleBar/src/TitleBar.Properties.cs       | 215 +++++++++++
 components/TitleBar/src/TitleBar.UWP.cs       |  62 +++
 components/TitleBar/src/TitleBar.WASDK.cs     | 194 ++++++++++
 components/TitleBar/src/TitleBar.cs           | 157 ++++++++
 components/TitleBar/src/TitleBar.xaml         | 363 ++++++++++++++++++
 .../tests/ExampleTitleBarTestClass.cs         |  99 +++++
 .../tests/ExampleTitleBarTestPage.xaml        |  14 +
 .../tests/ExampleTitleBarTestPage.xaml.cs     |  16 +
 .../TitleBar/tests/TitleBar.Tests.projitems   |  23 ++
 .../TitleBar/tests/TitleBar.Tests.shproj      |  13 +
 24 files changed, 1479 insertions(+)
 create mode 100644 components/TitleBar/OpenSolution.bat
 create mode 100644 components/TitleBar/samples/Assets/icon.png
 create mode 100644 components/TitleBar/samples/BlankPage1.xaml
 create mode 100644 components/TitleBar/samples/BlankPage1.xaml.cs
 create mode 100644 components/TitleBar/samples/Dependencies.props
 create mode 100644 components/TitleBar/samples/TitleBar.Samples.csproj
 create mode 100644 components/TitleBar/samples/TitleBar.md
 create mode 100644 components/TitleBar/samples/TitleBarCustomSample.xaml
 create mode 100644 components/TitleBar/samples/TitleBarCustomSample.xaml.cs
 create mode 100644 components/TitleBar/src/AdditionalAssemblyInfo.cs
 create mode 100644 components/TitleBar/src/CommunityToolkit.WinUI.Controls.TitleBar.csproj
 create mode 100644 components/TitleBar/src/Dependencies.props
 create mode 100644 components/TitleBar/src/MultiTarget.props
 create mode 100644 components/TitleBar/src/Themes/Generic.xaml
 create mode 100644 components/TitleBar/src/TitleBar.Properties.cs
 create mode 100644 components/TitleBar/src/TitleBar.UWP.cs
 create mode 100644 components/TitleBar/src/TitleBar.WASDK.cs
 create mode 100644 components/TitleBar/src/TitleBar.cs
 create mode 100644 components/TitleBar/src/TitleBar.xaml
 create mode 100644 components/TitleBar/tests/ExampleTitleBarTestClass.cs
 create mode 100644 components/TitleBar/tests/ExampleTitleBarTestPage.xaml
 create mode 100644 components/TitleBar/tests/ExampleTitleBarTestPage.xaml.cs
 create mode 100644 components/TitleBar/tests/TitleBar.Tests.projitems
 create mode 100644 components/TitleBar/tests/TitleBar.Tests.shproj

diff --git a/components/TitleBar/OpenSolution.bat b/components/TitleBar/OpenSolution.bat
new file mode 100644
index 000000000..814a56d4b
--- /dev/null
+++ b/components/TitleBar/OpenSolution.bat
@@ -0,0 +1,3 @@
+@ECHO OFF
+
+powershell ..\..\tooling\ProjectHeads\GenerateSingleSampleHeads.ps1 -componentPath %CD% %*
\ No newline at end of file
diff --git a/components/TitleBar/samples/Assets/icon.png b/components/TitleBar/samples/Assets/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5f574ceca233597ecc5d775fd2f516c0d9685cfa
GIT binary patch
literal 6192
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
O0000<MNUMnLSTXf!`3wb

literal 0
HcmV?d00001

diff --git a/components/TitleBar/samples/BlankPage1.xaml b/components/TitleBar/samples/BlankPage1.xaml
new file mode 100644
index 000000000..98044d829
--- /dev/null
+++ b/components/TitleBar/samples/BlankPage1.xaml
@@ -0,0 +1,43 @@
+<Page x:Class="TitleBarExperiment.Samples.BlankPage1"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:TitleBarExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <controls:TitleBar x:Name="appTitleBar"
+                           Title="Toolkit Labs Gallery"
+                           AutoConfigureCustomTitleBar="True"
+                           DisplayMode="Tall"
+                           IsBackButtonVisible="True"
+                           IsPaneButtonVisible="True"
+                           Subtitle=" Preview">
+            <!--<controls:TitleBar.Icon>
+                <BitmapIcon ShowAsMonochrome="False"
+                            UriSource="/Assets/icon.png" />
+            </controls:TitleBar.Icon>-->
+            <controls:TitleBar.Content>
+
+                <AutoSuggestBox />
+            </controls:TitleBar.Content>
+            <controls:TitleBar.Footer>
+                <Button Content="Click" />
+            </controls:TitleBar.Footer>
+        </controls:TitleBar>
+        <muxc:NavigationView Grid.Row="1">
+            <muxc:NavigationView.MenuItems>
+                <muxc:NavigationViewItem Content="Test1" />
+                <muxc:NavigationViewItem Content="Test2" />
+            </muxc:NavigationView.MenuItems>
+        </muxc:NavigationView>
+    </Grid>
+</Page>
diff --git a/components/TitleBar/samples/BlankPage1.xaml.cs b/components/TitleBar/samples/BlankPage1.xaml.cs
new file mode 100644
index 000000000..2619ce180
--- /dev/null
+++ b/components/TitleBar/samples/BlankPage1.xaml.cs
@@ -0,0 +1,24 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace TitleBarExperiment.Samples;
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class BlankPage1 : Page
+{
+#if WINAPPSDK
+    public BlankPage1(Window window)
+    {
+        this.InitializeComponent();
+        appTitleBar.Window = window;
+    }
+#else
+    public BlankPage1()
+    {
+        this.InitializeComponent();
+        Microsoft.UI.Xaml.Controls.BackdropMaterial.SetApplyToRootOrPageBackground(this, true);
+    }
+#endif
+}
diff --git a/components/TitleBar/samples/Dependencies.props b/components/TitleBar/samples/Dependencies.props
new file mode 100644
index 000000000..e622e1df4
--- /dev/null
+++ b/components/TitleBar/samples/Dependencies.props
@@ -0,0 +1,31 @@
+<!--
+    WinUI 2 under UWP uses TargetFramework uap10.0.*
+    WinUI 3 under WinAppSdk uses TargetFramework net6.0-windows10.*
+    However, under Uno-powered platforms, both WinUI 2 and 3 can share the same TargetFramework.
+    
+    MSBuild doesn't play nicely with this out of the box, so we've made it easy for you.
+
+    For .NET Standard packages, you can use the Nuget Package Manager in Visual Studio.
+    For UWP / WinAppSDK / Uno packages, place the package references here.
+-->
+<Project>
+    <!-- WinUI 2 / UWP -->
+    <ItemGroup Condition="'$(IsUwp)' == 'true'">
+        <!-- <PackageReference Include="Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 2 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '2'">
+        <!-- <PackageReference Include="Uno.Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.11"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 3 / WinAppSdk -->
+    <ItemGroup Condition="'$(IsWinAppSdk)' == 'true'">
+        <!-- <PackageReference Include="CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+    
+    <!-- WinUI 3 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '3'">
+        <!-- <PackageReference Include="Uno.CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.100-dev.15.g12261e2626"/> -->
+    </ItemGroup>
+</Project>
diff --git a/components/TitleBar/samples/TitleBar.Samples.csproj b/components/TitleBar/samples/TitleBar.Samples.csproj
new file mode 100644
index 000000000..cc9099b4e
--- /dev/null
+++ b/components/TitleBar/samples/TitleBar.Samples.csproj
@@ -0,0 +1,15 @@
+<Project Sdk="MSBuild.Sdk.Extras/3.0.23">
+  <PropertyGroup>
+    <ToolkitComponentName>TitleBar</ToolkitComponentName>
+  </PropertyGroup>
+
+  <!-- Sets this up as a toolkit component's sample project -->
+  <Import Project="$(ToolingDirectory)\ToolkitComponent.SampleProject.props" />
+  <ItemGroup>
+    <None Remove="Assets\icon.png" />
+  </ItemGroup>
+  <ItemGroup>
+    <Content Include="Assets\icon.png" />
+  </ItemGroup>
+
+</Project>
diff --git a/components/TitleBar/samples/TitleBar.md b/components/TitleBar/samples/TitleBar.md
new file mode 100644
index 000000000..656fb9916
--- /dev/null
+++ b/components/TitleBar/samples/TitleBar.md
@@ -0,0 +1,33 @@
+---
+title: TitleBar
+author: niels9001
+description: TODO: Your experiment's description here
+keywords: TitleBar, Control, Layout
+dev_langs:
+  - csharp
+category: Controls
+subcategory: Layout
+discussion-id: 0
+issue-id: 0
+icon: assets/icon.png
+---
+
+<!-- To know about all the available Markdown syntax, Check out https://docs.microsoft.com/contribute/markdown-reference -->
+<!-- Ensure you remove all comments before submission, to ensure that there are no formatting issues when displaying this page.  -->
+<!-- It is recommended to check how the Documentation will look in the sample app, before Merging a PR -->
+<!-- **Note:** All links to other docs.microsoft.com pages should be relative without locale, i.e. for the one above would be /contribute/markdown-reference -->
+<!-- Included images should be optimized for size and not include any Intellectual Property references. -->
+
+<!-- Be sure to update the discussion/issue numbers above with your Labs discussion/issue id numbers in order for UI links to them from the sample app to work. -->
+
+# TitleBar
+
+TODO: Fill in information about this experiment and how to get started here...
+
+## Custom Control
+
+You can inherit from an existing component as well, like `Panel`, this example shows a control without a
+XAML Style that will be more light-weight to consume by an app developer:
+
+> [!Sample TitleBarCustomSample]
+
diff --git a/components/TitleBar/samples/TitleBarCustomSample.xaml b/components/TitleBar/samples/TitleBarCustomSample.xaml
new file mode 100644
index 000000000..e5812ae5f
--- /dev/null
+++ b/components/TitleBar/samples/TitleBarCustomSample.xaml
@@ -0,0 +1,35 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TitleBarExperiment.Samples.TitleBarCustomSample"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:TitleBarExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      mc:Ignorable="d">
+
+    <Grid>
+        <!--<controls:TitleBar x:Name="appTitleBar"
+                           Title="Toolkit Labs Gallery"
+                           DisplayMode="Tall"
+                           IsBackButtonVisible="True"
+                           AutoConfigureCustomTitleBar="False"
+                           IsPaneButtonVisible="True"
+                           Subtitle=" Preview">
+            <controls:TitleBar.Icon>
+                <BitmapIcon ShowAsMonochrome="False"
+                            UriSource="ms-appx:///Assets/icon.png" />
+            </controls:TitleBar.Icon>
+            <controls:TitleBar.Content>
+
+                <AutoSuggestBox />
+            </controls:TitleBar.Content>
+            <controls:TitleBar.Footer>
+                <Button Content="Click" />
+            </controls:TitleBar.Footer>
+        </controls:TitleBar>-->
+
+        <Button Click="Button_Click"
+                Content="Open new window" />
+    </Grid>
+</Page>
diff --git a/components/TitleBar/samples/TitleBarCustomSample.xaml.cs b/components/TitleBar/samples/TitleBarCustomSample.xaml.cs
new file mode 100644
index 000000000..cad8c10c5
--- /dev/null
+++ b/components/TitleBar/samples/TitleBarCustomSample.xaml.cs
@@ -0,0 +1,64 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI.Controls;
+#if WINDOWS_UWP
+using Windows.ApplicationModel.Core;
+using Windows.UI.Core;
+using Windows.UI.ViewManagement;
+using Windows.UI.WindowManagement;
+using Windows.UI.Xaml.Hosting;
+#endif
+namespace TitleBarExperiment.Samples;
+
+/// <summary>
+/// An example sample page of a custom control inheriting from Panel.
+/// </summary>
+[ToolkitSampleTextOption("TitleText", "This is a title", Title = "Input the text")]
+[ToolkitSampleMultiChoiceOption("LayoutOrientation", "Horizontal", "Vertical", Title = "Orientation")]
+
+[ToolkitSample(id: nameof(TitleBarCustomSample), "Custom control", description: $"A sample for showing how to create and use a {nameof(TitleBar)} custom control.")]
+public sealed partial class TitleBarCustomSample : Page
+{
+    public TitleBarCustomSample()
+    {
+        this.InitializeComponent();
+    }
+
+    // TODO: See https://github.com/CommunityToolkit/Labs-Windows/issues/149
+    public static Orientation ConvertStringToOrientation(string orientation) => orientation switch
+    {
+        "Vertical" => Orientation.Vertical,
+        "Horizontal" => Orientation.Horizontal,
+        _ => throw new System.NotImplementedException(),
+    };
+
+    private async void Button_Click(object sender, RoutedEventArgs e)
+    {
+#if WINDOWS_UWP
+        CoreApplicationView newView = CoreApplication.CreateNewView();
+        int newViewId = 0;
+        await newView.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
+        {
+            Frame frame = new Frame();
+            frame.Navigate(typeof(BlankPage1), null);
+            Window.Current.Content = frame;
+            // You have to activate the window in order to show it later.
+            Window.Current.Activate();
+
+            newViewId = ApplicationView.GetForCurrentView().Id;
+        });
+
+        bool viewShown = await ApplicationViewSwitcher.TryShowAsStandaloneAsync(newViewId);
+#endif
+#if WINAPPSDK
+        Window newWindow = new Window
+        {
+            SystemBackdrop = new MicaBackdrop()
+        };
+        newWindow.Content = new BlankPage1(newWindow);
+        newWindow.Activate();
+#endif
+    }
+}
diff --git a/components/TitleBar/src/AdditionalAssemblyInfo.cs b/components/TitleBar/src/AdditionalAssemblyInfo.cs
new file mode 100644
index 000000000..8f864b0fd
--- /dev/null
+++ b/components/TitleBar/src/AdditionalAssemblyInfo.cs
@@ -0,0 +1,13 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using System.Runtime.CompilerServices;
+
+// These `InternalsVisibleTo` calls are intended to make it easier for
+// for any internal code to be testable in all the different test projects
+// used with the Labs infrastructure.
+[assembly: InternalsVisibleTo("TitleBar.Tests.Uwp")]
+[assembly: InternalsVisibleTo("TitleBar.Tests.WinAppSdk")]
+[assembly: InternalsVisibleTo("CommunityToolkit.Tests.Uwp")]
+[assembly: InternalsVisibleTo("CommunityToolkit.Tests.WinAppSdk")]
diff --git a/components/TitleBar/src/CommunityToolkit.WinUI.Controls.TitleBar.csproj b/components/TitleBar/src/CommunityToolkit.WinUI.Controls.TitleBar.csproj
new file mode 100644
index 000000000..7bf974a32
--- /dev/null
+++ b/components/TitleBar/src/CommunityToolkit.WinUI.Controls.TitleBar.csproj
@@ -0,0 +1,13 @@
+<Project Sdk="MSBuild.Sdk.Extras/3.0.23">
+  <PropertyGroup>
+    <ToolkitComponentName>TitleBar</ToolkitComponentName>
+    <Description>This package contains TitleBar.</Description>
+    <Version>0.0.1</Version>
+
+    <!-- Rns suffix is required for namespaces shared across projects. See https://github.com/CommunityToolkit/Labs-Windows/issues/152 -->
+    <RootNamespace>CommunityToolkit.WinUI.Controls.TitleBarRns</RootNamespace>
+  </PropertyGroup>
+
+  <!-- Sets this up as a toolkit component's source project -->
+  <Import Project="$(ToolingDirectory)\ToolkitComponent.SourceProject.props" />
+</Project>
diff --git a/components/TitleBar/src/Dependencies.props b/components/TitleBar/src/Dependencies.props
new file mode 100644
index 000000000..e622e1df4
--- /dev/null
+++ b/components/TitleBar/src/Dependencies.props
@@ -0,0 +1,31 @@
+<!--
+    WinUI 2 under UWP uses TargetFramework uap10.0.*
+    WinUI 3 under WinAppSdk uses TargetFramework net6.0-windows10.*
+    However, under Uno-powered platforms, both WinUI 2 and 3 can share the same TargetFramework.
+    
+    MSBuild doesn't play nicely with this out of the box, so we've made it easy for you.
+
+    For .NET Standard packages, you can use the Nuget Package Manager in Visual Studio.
+    For UWP / WinAppSDK / Uno packages, place the package references here.
+-->
+<Project>
+    <!-- WinUI 2 / UWP -->
+    <ItemGroup Condition="'$(IsUwp)' == 'true'">
+        <!-- <PackageReference Include="Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 2 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '2'">
+        <!-- <PackageReference Include="Uno.Microsoft.Toolkit.Uwp.UI.Controls.Primitives" Version="7.1.11"/> -->
+    </ItemGroup>
+
+    <!-- WinUI 3 / WinAppSdk -->
+    <ItemGroup Condition="'$(IsWinAppSdk)' == 'true'">
+        <!-- <PackageReference Include="CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.2"/> -->
+    </ItemGroup>
+    
+    <!-- WinUI 3 / Uno -->
+    <ItemGroup Condition="'$(IsUno)' == 'true' AND '$(WinUIMajorVersion)' == '3'">
+        <!-- <PackageReference Include="Uno.CommunityToolkit.WinUI.UI.Controls.Primitives" Version="7.1.100-dev.15.g12261e2626"/> -->
+    </ItemGroup>
+</Project>
diff --git a/components/TitleBar/src/MultiTarget.props b/components/TitleBar/src/MultiTarget.props
new file mode 100644
index 000000000..b11c19426
--- /dev/null
+++ b/components/TitleBar/src/MultiTarget.props
@@ -0,0 +1,9 @@
+<Project>
+    <PropertyGroup>
+        <!--
+          MultiTarget is a custom property that indicates which target a project is designed to be built for / run on.
+          Used to create project references, generate solution files, enable/disable TargetFrameworks, and build nuget packages.
+        -->
+        <MultiTarget>uwp;wasdk;wpf;wasm;linuxgtk;macos;ios;android;</MultiTarget>
+    </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/components/TitleBar/src/Themes/Generic.xaml b/components/TitleBar/src/Themes/Generic.xaml
new file mode 100644
index 000000000..07014e9bd
--- /dev/null
+++ b/components/TitleBar/src/Themes/Generic.xaml
@@ -0,0 +1,9 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:controls="using:CommunityToolkit.WinUI.Controls">
+
+    <ResourceDictionary.MergedDictionaries>
+        <ResourceDictionary Source="ms-appx:///CommunityToolkit.WinUI.Controls.TitleBar/TitleBar.xaml" />
+    </ResourceDictionary.MergedDictionaries>
+
+</ResourceDictionary>
diff --git a/components/TitleBar/src/TitleBar.Properties.cs b/components/TitleBar/src/TitleBar.Properties.cs
new file mode 100644
index 000000000..12e8ccf59
--- /dev/null
+++ b/components/TitleBar/src/TitleBar.Properties.cs
@@ -0,0 +1,215 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CommunityToolkit.WinUI.Controls;
+
+public partial class TitleBar : Control
+{
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="Icon"/> property.
+    /// </summary>
+    public static readonly DependencyProperty IconProperty = DependencyProperty.Register(nameof(Icon), typeof(IconElement), typeof(TitleBar), new PropertyMetadata(null, IconChanged));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="Title"/> property.
+    /// </summary>
+    public static readonly DependencyProperty TitleProperty = DependencyProperty.Register(nameof(Title), typeof(string), typeof(TitleBar), new PropertyMetadata(default(string)));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="Subtitle"/> property.
+    /// </summary>
+    public static readonly DependencyProperty SubtitleProperty = DependencyProperty.Register(nameof(Subtitle), typeof(string), typeof(TitleBar), new PropertyMetadata(default(string)));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="Content"/> property.
+    /// </summary>
+    public static readonly DependencyProperty ContentProperty = DependencyProperty.Register(nameof(Content), typeof(object), typeof(TitleBar), new PropertyMetadata(null));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="Footer"/> property.
+    /// </summary>
+    public static readonly DependencyProperty FooterProperty = DependencyProperty.Register(nameof(Footer), typeof(object), typeof(TitleBar), new PropertyMetadata(null));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="IsBackButtonVisible"/> property.
+    /// </summary>
+    public static readonly DependencyProperty IsBackButtonVisibleProperty = DependencyProperty.Register(nameof(IsBackButtonVisible), typeof(bool), typeof(TitleBar), new PropertyMetadata(false, IsBackButtonVisibleChanged));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="IsPaneButtonVisible"/> property.
+    /// </summary>
+    public static readonly DependencyProperty IsPaneButtonVisibleProperty = DependencyProperty.Register(nameof(IsPaneButtonVisible), typeof(bool), typeof(TitleBar), new PropertyMetadata(false, IsPaneButtonVisibleChanged));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="Display"/> property.
+    /// </summary>
+    public static readonly DependencyProperty DisplayModeProperty = DependencyProperty.Register(nameof(DisplayMode), typeof(DisplayMode), typeof(TitleBar), new PropertyMetadata(DisplayMode.Standard, DisplayModeChanged));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="CompactStateBreakpoint
+    /// "/> property.
+    /// </summary>
+    public static readonly DependencyProperty CompactStateBreakpointProperty = DependencyProperty.Register(nameof(CompactStateBreakpoint), typeof(int), typeof(TitleBar), new PropertyMetadata(850));
+
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="AutoConfigureCustomTitleBar"/> property.
+    /// </summary>
+    public static readonly DependencyProperty AutoConfigureCustomTitleBarProperty = DependencyProperty.Register(nameof(AutoConfigureCustomTitleBar), typeof(bool), typeof(TitleBar), new PropertyMetadata(true, AutoConfigureCustomTitleBarChanged));
+
+#if WINAPPSDK
+    /// <summary>
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="Window"/> property.
+    /// </summary>
+    public static readonly DependencyProperty WindowProperty = DependencyProperty.Register(nameof(Window), typeof(Window), typeof(TitleBar), new PropertyMetadata(null));
+#endif
+
+    /// <summary>
+    /// The event that gets fired when the back button is clicked
+    /// </summary>
+    public event EventHandler<RoutedEventArgs>? BackButtonClick;
+
+    /// <summary>
+    /// The event that gets fired when the pane toggle button is clicked
+    /// </summary>
+    public event EventHandler<RoutedEventArgs>? PaneButtonClick;
+
+    /// <summary>
+    /// Gets or sets the Icon
+    /// </summary>
+    public IconElement Icon
+    {
+        get => (IconElement)GetValue(IconProperty);
+        set => SetValue(IconProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets the Title
+    /// </summary>
+    public string Title
+    {
+        get => (string)GetValue(TitleProperty);
+        set => SetValue(TitleProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets the Subtitle
+    /// </summary>
+    public string Subtitle
+    {
+        get => (string)GetValue(SubtitleProperty);
+        set => SetValue(SubtitleProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets the content shown at the center of the TitleBar. When setting this, using DisplayMode=Tall is recommended.
+    /// </summary>
+    public object Content
+    {
+        get => (object)GetValue(ContentProperty);
+        set => SetValue(ContentProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets the content shown at the right of the TitleBar, next to the caption buttons. When setting this, using DisplayMode=Tall is recommended.
+    /// </summary>
+    public object Footer
+    {
+        get => (object)GetValue(FooterProperty);
+        set => SetValue(FooterProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets DisplayMode. Compact is default (32px), Tall is recommended when setting the Content or Footer.
+    /// </summary>
+    public DisplayMode DisplayMode
+    {
+        get => (DisplayMode)GetValue(DisplayModeProperty);
+        set => SetValue(DisplayModeProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets the visibility of the back button.
+    /// </summary>
+    public bool IsBackButtonVisible
+    {
+        get => (bool)GetValue(IsBackButtonVisibleProperty);
+        set => SetValue(IsBackButtonVisibleProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets the visibility of the pane toggle button.
+    /// </summary>
+    public bool IsPaneButtonVisible
+    {
+        get => (bool)GetValue(IsPaneButtonVisibleProperty);
+        set => SetValue(IsPaneButtonVisibleProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets the breakpoint of when the compact state is triggered.
+    /// </summary>
+    public int CompactStateBreakpoint
+    {
+        get => (int)GetValue(CompactStateBreakpointProperty);
+        set => SetValue(CompactStateBreakpointProperty, value);
+    }
+
+    /// <summary>
+    /// Gets or sets if the TitleBar should auto configure ExtendContentIntoTitleBar and CaptionButtion background colors.
+    /// </summary>
+    public bool AutoConfigureCustomTitleBar
+    {
+        get => (bool)GetValue(AutoConfigureCustomTitleBarProperty);
+        set => SetValue(AutoConfigureCustomTitleBarProperty, value);
+    }
+
+#if WINAPPSDK
+    /// <summary>
+    /// Gets or sets the window the TitleBar should configure (WASDK only).
+    /// </summary>
+    public Window Window
+    {
+        get => (Window)GetValue(WindowProperty);
+        set => SetValue(WindowProperty, value);
+    }
+#endif
+
+    private static void IsBackButtonVisibleChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        ((TitleBar)d).Update();
+    }
+
+    private static void IsPaneButtonVisibleChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        ((TitleBar)d).Update();
+    }
+
+    private static void DisplayModeChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        ((TitleBar)d).Update();
+    }
+
+    private static void IconChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        ((TitleBar)d).Update();
+    }
+
+    private static void AutoConfigureCustomTitleBarChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        if (((TitleBar)d).AutoConfigureCustomTitleBar)
+        {
+            ((TitleBar)d).Configure();
+        }
+        else
+        {
+            ((TitleBar)d).Reset();
+        }
+    }
+}
+
+public enum DisplayMode
+{
+    Standard,
+    Tall
+}
diff --git a/components/TitleBar/src/TitleBar.UWP.cs b/components/TitleBar/src/TitleBar.UWP.cs
new file mode 100644
index 000000000..2464aaaae
--- /dev/null
+++ b/components/TitleBar/src/TitleBar.UWP.cs
@@ -0,0 +1,62 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+#if WINDOWS_UWP && !HAS_UNO
+using Windows.ApplicationModel.Core;
+using Windows.UI.ViewManagement;
+using Windows.UI;
+
+namespace CommunityToolkit.WinUI.Controls;
+
+[TemplatePart(Name = nameof(PART_DragRegion), Type = typeof(Grid))]
+
+public partial class TitleBar : Control
+{
+    Grid? PART_DragRegion;
+
+    private void SetUWPTitleBar()
+    {
+        if (AutoConfigureCustomTitleBar)
+        {
+            CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = true;
+            CoreApplication.GetCurrentView().TitleBar.LayoutMetricsChanged -= this.TitleBar_LayoutMetricsChanged;
+            CoreApplication.GetCurrentView().TitleBar.LayoutMetricsChanged += this.TitleBar_LayoutMetricsChanged;
+            Window.Current.Activated -= this.Current_Activated;
+            Window.Current.Activated += this.Current_Activated;
+       
+            ApplicationView.GetForCurrentView().TitleBar.ButtonBackgroundColor = Colors.Transparent;
+            ApplicationView.GetForCurrentView().TitleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
+         
+            PART_DragRegion = GetTemplateChild(nameof(PART_DragRegion)) as Grid;
+            Window.Current.SetTitleBar(PART_DragRegion);
+        }
+    }
+
+    private void ResetUWPTitleBar()
+    {
+        CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = false;
+        Window.Current.Activated -= this.Current_Activated;
+        CoreApplication.GetCurrentView().TitleBar.LayoutMetricsChanged -= this.TitleBar_LayoutMetricsChanged;
+        Window.Current.SetTitleBar(null);
+    }
+
+    private void Current_Activated(object sender, Windows.UI.Core.WindowActivatedEventArgs e)
+    {
+        if (e.WindowActivationState == Windows.UI.Core.CoreWindowActivationState.Deactivated)
+        {
+            VisualStateManager.GoToState(this, WindowDeactivatedState, true);
+        }
+        else
+        {
+            VisualStateManager.GoToState(this, WindowActivatedState, true);
+        }
+    }
+
+    private void TitleBar_LayoutMetricsChanged(CoreApplicationViewTitleBar sender, object args)
+    {
+        PART_LeftPaddingColumn!.Width = new GridLength(CoreApplication.GetCurrentView().TitleBar.SystemOverlayLeftInset);
+        PART_RightPaddingColumn!.Width = new GridLength(CoreApplication.GetCurrentView().TitleBar.SystemOverlayRightInset);
+    }
+}
+#endif
diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
new file mode 100644
index 000000000..38dced2f8
--- /dev/null
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -0,0 +1,194 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+#if WINAPPSDK
+using Microsoft.UI;
+using Microsoft.UI.Windowing;
+using System.Runtime.InteropServices;
+using WinRT.Interop;
+
+namespace CommunityToolkit.WinUI.Controls;
+
+[TemplatePart(Name = nameof(PART_ButtonsHolderColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_IconColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_TitleColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_LeftDragColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_ContentColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_FooterColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_RightDragColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_TitleHolder), Type = typeof(StackPanel))]
+
+public partial class TitleBar : Control
+{
+    private AppWindow? appWindow;
+    ColumnDefinition? PART_ButtonsHolderColumn;
+    ColumnDefinition? PART_IconColumn;
+    ColumnDefinition? PART_TitleColumn;
+    ColumnDefinition? PART_LeftDragColumn;
+    ColumnDefinition? PART_ContentColumn;
+    ColumnDefinition? PART_FooterColumn;
+    ColumnDefinition? PART_RightDragColumn;
+    StackPanel? PART_TitleHolder;
+
+    private void SetWASDKTitleBar()
+    {
+        if (this.Window == null)
+        {
+            return;
+            // TO DO: Throw exception that window has not been set? 
+        }
+        if (AutoConfigureCustomTitleBar)
+        {
+            appWindow = GetAppWindow();
+            appWindow.TitleBar.ExtendsContentIntoTitleBar = true;
+
+            this.Window.Activated -= Window_Activated;
+            this.Window.Activated += Window_Activated;
+
+            appWindow.TitleBar.ButtonBackgroundColor = Colors.Transparent;
+            appWindow.TitleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
+
+            // Set the width of padding columns in the UI.
+            PART_ButtonsHolderColumn = GetTemplateChild(nameof(PART_ButtonsHolderColumn)) as ColumnDefinition;
+            PART_IconColumn = GetTemplateChild(nameof(PART_IconColumn)) as ColumnDefinition;
+            PART_TitleColumn = GetTemplateChild(nameof(PART_TitleColumn)) as ColumnDefinition;
+            PART_LeftDragColumn = GetTemplateChild(nameof(PART_LeftDragColumn)) as ColumnDefinition;
+            PART_ContentColumn = GetTemplateChild(nameof(PART_ContentColumn)) as ColumnDefinition;
+            PART_RightDragColumn = GetTemplateChild(nameof(PART_RightDragColumn)) as ColumnDefinition;
+            PART_FooterColumn = GetTemplateChild(nameof(PART_FooterColumn)) as ColumnDefinition;
+            PART_TitleHolder = GetTemplateChild(nameof(PART_TitleHolder)) as StackPanel;
+
+            // Get caption button occlusion information.
+            int CaptionButtonOcclusionWidthRight = appWindow.TitleBar.RightInset;
+            int CaptionButtonOcclusionWidthLeft = appWindow.TitleBar.LeftInset;
+            PART_LeftPaddingColumn!.Width = new GridLength(CaptionButtonOcclusionWidthLeft);
+            PART_RightPaddingColumn!.Width = new GridLength(CaptionButtonOcclusionWidthRight);
+
+
+            if (DisplayMode == DisplayMode.Tall)
+            {
+                // Choose a tall title bar to provide more room for interactive elements 
+                // like search box or person picture controls.
+                appWindow.TitleBar.PreferredHeightOption = TitleBarHeightOption.Tall;
+            }
+            else
+            {
+                appWindow.TitleBar.PreferredHeightOption = TitleBarHeightOption.Standard;
+            }
+            // Recalculate the drag region for the custom title bar 
+            // if you explicitly defined new draggable areas.
+            SetDragRegionForCustomTitleBar(appWindow);
+        }
+    }
+
+    private void ResetWASDKTitleBar()
+    {
+        if (this.Window == null)
+        {
+            return;
+            // TO DO: Throw exception that window has not been set? 
+        }
+
+        appWindow = GetAppWindow();
+        appWindow.TitleBar.ResetToDefault();
+    }
+
+    private void UpdateRegionToSize()
+    {
+        // Update drag region if the size of the title bar changes.
+        SetDragRegionForCustomTitleBar(appWindow!);
+    }
+
+    private void Window_Activated(object sender, WindowActivatedEventArgs args)
+    {
+        if (args.WindowActivationState == WindowActivationState.Deactivated)
+        {
+            VisualStateManager.GoToState(this, WindowDeactivatedState, true);
+        }
+        else
+        {
+            VisualStateManager.GoToState(this, WindowActivatedState, true);
+        }
+    }
+
+    private void SetDragRegionForCustomTitleBar(AppWindow appWindow)
+    {
+        if (appWindow != null)
+        {
+            double scaleAdjustment = GetScaleAdjustment();
+
+            PART_RightPaddingColumn!.Width = new GridLength(appWindow.TitleBar.RightInset / scaleAdjustment);
+            PART_LeftPaddingColumn!.Width = new GridLength(appWindow.TitleBar.LeftInset / scaleAdjustment);
+
+            List<Windows.Graphics.RectInt32> dragRectsList = new();
+
+            Windows.Graphics.RectInt32 dragRectL;
+            dragRectL.X = (int)((PART_LeftPaddingColumn.ActualWidth
+                            + PART_ButtonsHolderColumn!.ActualWidth)
+                            * scaleAdjustment);
+            dragRectL.Y = 0;
+            dragRectL.Height = (int)(this.ActualHeight * scaleAdjustment);
+            dragRectL.Width = (int)((PART_IconColumn!.ActualWidth
+                                + PART_TitleColumn!.ActualWidth
+                                + PART_LeftDragColumn!.ActualWidth)
+                                * scaleAdjustment);
+            dragRectsList.Add(dragRectL);
+
+            Windows.Graphics.RectInt32 dragRectR;
+            dragRectR.X = (int)((PART_LeftPaddingColumn.ActualWidth
+                                + PART_IconColumn.ActualWidth
+                                + PART_ButtonsHolderColumn!.ActualWidth
+                                + PART_TitleHolder!.ActualWidth
+                                + PART_LeftDragColumn.ActualWidth
+                                + PART_ContentColumn!.ActualWidth)
+                                * scaleAdjustment);
+            dragRectR.Y = 0;
+            dragRectR.Height = (int)(this.ActualHeight * scaleAdjustment);
+            dragRectR.Width = (int)(PART_RightDragColumn!.ActualWidth * scaleAdjustment);
+            dragRectsList.Add(dragRectR);
+
+            Windows.Graphics.RectInt32[] dragRects = dragRectsList.ToArray();
+
+            appWindow.TitleBar.SetDragRectangles(dragRects);
+        }
+    }
+
+
+    private AppWindow GetAppWindow()
+    {
+        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
+        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
+        return AppWindow.GetFromWindowId(wndId);
+    }
+
+    [DllImport("Shcore.dll", SetLastError = true)]
+    internal static extern int GetDpiForMonitor(IntPtr hmonitor, Monitor_DPI_Type dpiType, out uint dpiX, out uint dpiY);
+
+    internal enum Monitor_DPI_Type : int
+    {
+        MDT_Effective_DPI = 0,
+        MDT_Angular_DPI = 1,
+        MDT_Raw_DPI = 2,
+        MDT_Default = MDT_Effective_DPI
+    }
+
+    private double GetScaleAdjustment()
+    {
+        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
+        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
+        DisplayArea displayArea = DisplayArea.GetFromWindowId(wndId, DisplayAreaFallback.Primary);
+        IntPtr hMonitor = Win32Interop.GetMonitorFromDisplayId(displayArea.DisplayId);
+
+        // Get DPI.
+        int result = GetDpiForMonitor(hMonitor, Monitor_DPI_Type.MDT_Default, out uint dpiX, out uint _);
+        if (result != 0)
+        {
+            throw new Exception("Could not get DPI for monitor.");
+        }
+
+        uint scaleFactorPercent = (uint)(((long)dpiX * 100 + (96 >> 1)) / 96);
+        return scaleFactorPercent / 100.0;
+    }
+}
+#endif
diff --git a/components/TitleBar/src/TitleBar.cs b/components/TitleBar/src/TitleBar.cs
new file mode 100644
index 000000000..20fb738f4
--- /dev/null
+++ b/components/TitleBar/src/TitleBar.cs
@@ -0,0 +1,157 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace CommunityToolkit.WinUI.Controls;
+
+[TemplateVisualState(Name = BackButtonVisibleState, GroupName = BackButtonStates)]
+[TemplateVisualState(Name = BackButtonCollapsedState, GroupName = BackButtonStates)]
+[TemplateVisualState(Name = PaneButtonVisibleState, GroupName = PaneButtonStates)]
+[TemplateVisualState(Name = PaneButtonCollapsedState, GroupName = PaneButtonStates)]
+[TemplateVisualState(Name = WindowActivatedState, GroupName = ActivationStates)]
+[TemplateVisualState(Name = WindowDeactivatedState, GroupName = ActivationStates)]
+[TemplateVisualState(Name = StandardState, GroupName = DisplayModeStates)]
+[TemplateVisualState(Name = TallState, GroupName = DisplayModeStates)]
+[TemplateVisualState(Name = IconVisibleState, GroupName = IconStates)]
+[TemplateVisualState(Name = IconCollapsedState, GroupName = IconStates)]
+[TemplateVisualState(Name = WideState, GroupName = ReflowStates)]
+[TemplateVisualState(Name = NarrowState, GroupName = ReflowStates)]
+[TemplatePart(Name = PartBackButton, Type = typeof(Button))]
+[TemplatePart(Name = PartPaneButton, Type = typeof(Button))]
+[TemplatePart(Name = nameof(PART_LeftPaddingColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_RightPaddingColumn), Type = typeof(ColumnDefinition))]
+
+public partial class TitleBar : Control
+{
+    private const string PartBackButton = "PART_BackButton";
+    private const string PartPaneButton = "PART_PaneButton";
+
+    private const string BackButtonVisibleState = "BackButtonVisible";
+    private const string BackButtonCollapsedState = "BackButtonCollapsed";
+    private const string BackButtonStates = "BackButtonStates";
+
+    private const string PaneButtonVisibleState = "PaneButtonVisible";
+    private const string PaneButtonCollapsedState = "PaneButtonCollapsed";
+    private const string PaneButtonStates = "PaneButtonStates";
+
+    private const string WindowActivatedState = "Activated";
+    private const string WindowDeactivatedState = "Deactivated";
+    private const string ActivationStates = "WindowActivationStates";
+
+    private const string IconVisibleState = "IconVisible";
+    private const string IconCollapsedState = "IconCollapsed";
+    private const string IconStates = "IconStates";
+
+    private const string StandardState = "Standard";
+    private const string TallState = "Tall";
+    private const string DisplayModeStates = "DisplayModeStates";
+
+    private const string WideState = "Wide";
+    private const string NarrowState = "Narrow";
+    private const string ReflowStates = "ReflowStates";
+
+    ColumnDefinition? PART_LeftPaddingColumn;
+    ColumnDefinition? PART_RightPaddingColumn;
+
+    public TitleBar()
+    {
+        this.DefaultStyleKey = typeof(TitleBar);
+    }
+
+    protected override void OnApplyTemplate()
+    {
+        PART_LeftPaddingColumn = GetTemplateChild(nameof(PART_LeftPaddingColumn)) as ColumnDefinition;
+        PART_RightPaddingColumn = GetTemplateChild(nameof(PART_RightPaddingColumn)) as ColumnDefinition;
+        Configure();
+        if (GetTemplateChild(PartBackButton) is Button backButton)
+        {
+            backButton.Click -= BackButton_Click;
+            backButton.Click += BackButton_Click;
+        }
+
+        if (GetTemplateChild(PartPaneButton) is Button paneButton)
+        {
+            paneButton.Click -= PaneButton_Click;
+            paneButton.Click += PaneButton_Click;
+        }
+
+     
+        SizeChanged -= this.TitleBar_SizeChanged;
+        SizeChanged += this.TitleBar_SizeChanged;
+    
+        Update();
+        base.OnApplyTemplate();
+    }
+
+    private void TitleBar_SizeChanged(object sender, SizeChangedEventArgs e)
+    {
+        if (e.NewSize.Width <= CompactStateBreakpoint)
+        {
+            if (Content != null || Footer != null)
+            {
+                VisualStateManager.GoToState(this, NarrowState, true);
+            }
+        }
+        else
+        {
+            VisualStateManager.GoToState(this, WideState, true);
+        }
+        
+#if WINAPPSDK
+        UpdateRegionToSize();
+#endif
+    }
+
+    private void BackButton_Click(object sender, RoutedEventArgs e)
+    {
+        BackButtonClick?.Invoke(this, new RoutedEventArgs());
+    }
+
+    private void PaneButton_Click(object sender, RoutedEventArgs e)
+    {
+        PaneButtonClick?.Invoke(this, new RoutedEventArgs());
+    }
+
+    private void Update()
+    {
+        if (Icon != null)
+        {
+            VisualStateManager.GoToState(this, IconVisibleState, true);
+        }
+        else
+        {
+            VisualStateManager.GoToState(this, IconCollapsedState, true);
+        }
+        VisualStateManager.GoToState(this, IsBackButtonVisible ? BackButtonVisibleState : BackButtonCollapsedState, true);
+        VisualStateManager.GoToState(this, IsPaneButtonVisible ? PaneButtonVisibleState : PaneButtonCollapsedState, true);
+
+        if (DisplayMode == DisplayMode.Tall)
+        {
+            VisualStateManager.GoToState(this, TallState, true);
+        }
+        else
+        {
+            VisualStateManager.GoToState(this, StandardState, true);
+        }
+    }
+
+    private void Configure()
+    {
+#if WINDOWS_UWP && !HAS_UNO
+        SetUWPTitleBar();
+#endif
+#if WINAPPSDK
+    SetWASDKTitleBar();
+#endif
+    }
+
+    public void Reset()
+    {
+#if WINDOWS_UWP && !HAS_UNO
+        ResetUWPTitleBar();
+#endif
+#if WINAPPSDK
+        ResetWASDKTitleBar();
+#endif
+    }
+}
diff --git a/components/TitleBar/src/TitleBar.xaml b/components/TitleBar/src/TitleBar.xaml
new file mode 100644
index 000000000..853288be7
--- /dev/null
+++ b/components/TitleBar/src/TitleBar.xaml
@@ -0,0 +1,363 @@
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
+                    xmlns:local="using:CommunityToolkit.WinUI.Controls"
+                    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+                    xmlns:win="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
+
+    <x:Double x:Key="TitleBarCompactHeight">32</x:Double>
+    <x:Double x:Key="TitleBarTallHeight">48</x:Double>
+    <Style BasedOn="{StaticResource DefaultTitleBarStyle}"
+           TargetType="local:TitleBar" />
+
+    <Style x:Key="DefaultTitleBarStyle"
+           TargetType="local:TitleBar">
+        <Setter Property="MinHeight" Value="{ThemeResource TitleBarCompactHeight}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:TitleBar">
+                    <Grid x:Name="PART_RootGrid"
+                          Height="{TemplateBinding MinHeight}"
+                          Padding="4,0,4,0"
+                          VerticalAlignment="Stretch">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition x:Name="PART_LeftPaddingColumn"
+                                              Width="0" />
+                            <ColumnDefinition x:Name="PART_ButtonsHolderColumn"
+                                              Width="Auto" />
+                            <ColumnDefinition x:Name="PART_IconColumn"
+                                              Width="Auto" />
+                            <ColumnDefinition x:Name="PART_TitleColumn"
+                                              Width="Auto" />
+                            <ColumnDefinition x:Name="PART_LeftDragColumn"
+                                              Width="*" />
+                            <ColumnDefinition x:Name="PART_ContentColumn"
+                                              Width="Auto" />
+                            <ColumnDefinition x:Name="PART_RightDragColumn"
+                                              Width="*" />
+                            <ColumnDefinition x:Name="PART_FooterColumn"
+                                              Width="Auto" />
+                            <ColumnDefinition x:Name="PART_RightPaddingColumn"
+                                              Width="0" />
+                        </Grid.ColumnDefinitions>
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="BackButtonStates">
+                                <VisualState x:Name="BackButtonVisible" />
+                                <VisualState x:Name="BackButtonCollapsed">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_BackButton.Visibility" Value="Collapsed" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="PaneButtonStates">
+                                <VisualState x:Name="PaneButtonVisible" />
+                                <VisualState x:Name="PaneButtonCollapsed">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_PaneButton.Visibility" Value="Collapsed" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="IconStates">
+                                <VisualState x:Name="IconVisible" />
+                                <VisualState x:Name="IconCollapsed">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_IconHolder.Visibility" Value="Collapsed" />
+                                        <Setter Target="PART_TitleHolder.Margin" Value="4,0,0,0" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="ReflowStates">
+                                <VisualState x:Name="Wide" />
+                                <VisualState x:Name="Narrow">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_TitleHolder.Visibility" Value="Collapsed" />
+                                        <Setter Target="PART_LeftDragColumn.Width" Value="Auto" />
+                                        <Setter Target="PART_RightDragColumn.Width" Value="Auto" />
+                                        <Setter Target="PART_ContentColumn.Width" Value="*" />
+                                        <Setter Target="PART_ContentPresenter.Margin" Value="16,0,0,0" />
+                                        <Setter Target="PART_ContentPresenter.MinWidth" Value="0" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="WindowActivationStates">
+                                <VisualState x:Name="Activated" />
+                                <VisualState x:Name="Deactivated">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_TitleText.Foreground" Value="{ThemeResource TextFillColorDisabledBrush}" />
+                                        <Setter Target="PART_SubtitleText.Foreground" Value="{ThemeResource TextFillColorDisabledBrush}" />
+                                        <Setter Target="PART_BackButton.IsEnabled" Value="False" />
+                                        <Setter Target="PART_PaneButton.IsEnabled" Value="False" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="DisplayModeStates">
+                                <VisualState x:Name="Standard" />
+                                <VisualState x:Name="Tall">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_RootGrid.MinHeight" Value="{ThemeResource TitleBarTallHeight}" />
+                                        <Setter Target="PART_RootGrid.Padding" Value="4" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+                        <Border x:Name="PART_IconHolder"
+                                Grid.Column="2"
+                                Margin="12,0,0,0"
+                                VerticalAlignment="Center">
+                            <Viewbox x:Name="PART_Icon"
+                                     MaxWidth="16"
+                                     MaxHeight="16">
+                                <ContentPresenter x:Name="PART_IconPresenter"
+                                                  win:AutomationProperties.AccessibilityView="Raw"
+                                                  win:HighContrastAdjustment="None"
+                                                  Content="{TemplateBinding Icon}" />
+                            </Viewbox>
+                        </Border>
+
+                        <StackPanel x:Name="PART_TitleHolder"
+                                    Grid.Column="3"
+                                    Margin="16,0,0,0"
+                                    HorizontalAlignment="Left"
+                                    VerticalAlignment="Center"
+                                    Orientation="Horizontal"
+                                    Spacing="4">
+                            <TextBlock x:Name="PART_TitleText"
+                                       MinWidth="48"
+                                       Margin="0,0,0,1"
+                                       Foreground="{ThemeResource TextFillColorPrimaryBrush}"
+                                       Style="{StaticResource CaptionTextBlockStyle}"
+                                       Text="{TemplateBinding Title}"
+                                       TextTrimming="CharacterEllipsis"
+                                       TextWrapping="NoWrap" />
+                            <TextBlock x:Name="PART_SubtitleText"
+                                       MinWidth="48"
+                                       Margin="0,0,0,1"
+                                       Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                                       Style="{StaticResource CaptionTextBlockStyle}"
+                                       Text="{TemplateBinding Subtitle}"
+                                       TextTrimming="CharacterEllipsis"
+                                       TextWrapping="NoWrap" />
+                        </StackPanel>
+
+
+                        <Grid x:Name="PART_DragRegion"
+                              Grid.Column="2"
+                              Grid.ColumnSpan="6"
+                              Background="Transparent" />
+                        <StackPanel x:Name="ButtonHolder"
+                                    Grid.Column="1"
+                                    Orientation="Horizontal">
+                            <Button x:Name="PART_BackButton"
+                                    Style="{ThemeResource TitleBarBackButtonStyle}"
+                                    ToolTipService.ToolTip="Back" />
+                            <Button x:Name="PART_PaneButton"
+                                    Style="{StaticResource TitleBarPaneToggleButtonStyle}"
+                                    ToolTipService.ToolTip="Back" />
+                        </StackPanel>
+
+                        <ContentPresenter x:Name="PART_ContentPresenter"
+                                          Grid.Column="5"
+                                          MinWidth="360"
+                                          Margin="4,0,4,0"
+                                          VerticalAlignment="Center"
+                                          HorizontalContentAlignment="Stretch"
+                                          Content="{TemplateBinding Content}" />
+                        <ContentPresenter x:Name="PART_Footer"
+                                          Grid.Column="7"
+                                          Margin="4,0,8,0"
+                                          HorizontalContentAlignment="Right"
+                                          Content="{TemplateBinding Footer}" />
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--  Copy of WinUI NavigationBackButtonNormalStyle - cannot use it as it picks up the generic.xaml version, not the WinUI version  -->
+    <Style x:Key="TitleBarBackButtonStyle"
+           TargetType="Button">
+        <Setter Property="Background" Value="{ThemeResource NavigationViewBackButtonBackground}" />
+        <Setter Property="Foreground" Value="{ThemeResource NavigationViewItemForegroundChecked}" />
+        <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
+        <Setter Property="FontSize" Value="16" />
+        <Setter Property="MaxHeight" Value="40" />
+        <Setter Property="VerticalAlignment" Value="Stretch" />
+        <Setter Property="HorizontalContentAlignment" Value="Center" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="UseSystemFocusVisuals" Value="{StaticResource UseSystemFocusVisuals}" />
+        <Setter Property="Content" Value="&#xE72B;" />
+        <Setter Property="Padding" Value="12,4,12,4" />
+        <Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Button">
+                    <Grid x:Name="RootGrid"
+                          Padding="{TemplateBinding Padding}"
+                          Background="{TemplateBinding Background}"
+                          CornerRadius="{TemplateBinding CornerRadius}">
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="CommonStates">
+                                <VisualState x:Name="Normal" />
+                                <VisualState x:Name="PointerOver">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
+                                                                       Storyboard.TargetProperty="Background">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonBackgroundPointerOver}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content"
+                                                                       Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonForegroundPointerOver}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                    <VisualState.Setters>
+                                        <Setter Target="Content.(AnimatedIcon.State)" Value="PointerOver" />
+                                    </VisualState.Setters>
+                                </VisualState>
+
+                                <VisualState x:Name="Pressed">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
+                                                                       Storyboard.TargetProperty="Background">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonBackgroundPressed}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content"
+                                                                       Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonForegroundPressed}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                    <VisualState.Setters>
+                                        <Setter Target="Content.(AnimatedIcon.State)" Value="Pressed" />
+                                    </VisualState.Setters>
+                                </VisualState>
+
+                                <VisualState x:Name="Disabled">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content"
+                                                                       Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonForegroundDisabled}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+
+                        <muxc:AnimatedIcon x:Name="Content"
+                                           Width="16"
+                                           Height="16"
+                                           HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                           VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                           muxc:AnimatedIcon.State="Normal"
+                                           win:AutomationProperties.AccessibilityView="Raw">
+                            <animatedvisuals:AnimatedBackVisualSource />
+                            <muxc:AnimatedIcon.FallbackIconSource>
+                                <muxc:FontIconSource FontFamily="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=FontFamily}"
+                                                     FontSize="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=FontSize}"
+                                                     Glyph="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Content}"
+                                                     MirroredWhenRightToLeft="True" />
+                            </muxc:AnimatedIcon.FallbackIconSource>
+                        </muxc:AnimatedIcon>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <!--  Copy of WinUI PaneToggleButtonStyle - cannot use it as it picks up the generic.xaml version, not the WinUI version  -->
+    <Style x:Key="TitleBarPaneToggleButtonStyle"
+           TargetType="Button">
+        <Setter Property="Background" Value="{ThemeResource NavigationViewBackButtonBackground}" />
+        <Setter Property="Foreground" Value="{ThemeResource NavigationViewItemForegroundChecked}" />
+        <Setter Property="FontFamily" Value="{ThemeResource SymbolThemeFontFamily}" />
+        <Setter Property="FontSize" Value="16" />
+        <Setter Property="MaxHeight" Value="40" />
+        <Setter Property="VerticalAlignment" Value="Stretch" />
+        <Setter Property="HorizontalContentAlignment" Value="Center" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="UseSystemFocusVisuals" Value="{StaticResource UseSystemFocusVisuals}" />
+        <Setter Property="Content" Value="&#xE700;" />
+        <Setter Property="Padding" Value="12,4,12,4" />
+        <Setter Property="CornerRadius" Value="{ThemeResource ControlCornerRadius}" />
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="Button">
+                    <Grid x:Name="RootGrid"
+                          Padding="{TemplateBinding Padding}"
+                          Background="{TemplateBinding Background}"
+                          CornerRadius="{TemplateBinding CornerRadius}">
+                        <VisualStateManager.VisualStateGroups>
+                            <VisualStateGroup x:Name="CommonStates">
+                                <VisualState x:Name="Normal" />
+                                <VisualState x:Name="PointerOver">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
+                                                                       Storyboard.TargetProperty="Background">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonBackgroundPointerOver}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content"
+                                                                       Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonForegroundPointerOver}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                    <VisualState.Setters>
+                                        <Setter Target="Content.(AnimatedIcon.State)" Value="PointerOver" />
+                                    </VisualState.Setters>
+                                </VisualState>
+
+                                <VisualState x:Name="Pressed">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="RootGrid"
+                                                                       Storyboard.TargetProperty="Background">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonBackgroundPressed}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content"
+                                                                       Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonForegroundPressed}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                    <VisualState.Setters>
+                                        <Setter Target="Content.(AnimatedIcon.State)" Value="Pressed" />
+                                    </VisualState.Setters>
+                                </VisualState>
+
+                                <VisualState x:Name="Disabled">
+                                    <Storyboard>
+                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Content"
+                                                                       Storyboard.TargetProperty="Foreground">
+                                            <DiscreteObjectKeyFrame KeyTime="0"
+                                                                    Value="{ThemeResource NavigationViewButtonForegroundDisabled}" />
+                                        </ObjectAnimationUsingKeyFrames>
+                                    </Storyboard>
+                                </VisualState>
+                            </VisualStateGroup>
+                        </VisualStateManager.VisualStateGroups>
+
+                        <muxc:AnimatedIcon x:Name="Content"
+                                           Width="16"
+                                           Height="16"
+                                           HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                           VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                           muxc:AnimatedIcon.State="Normal"
+                                           win:AutomationProperties.AccessibilityView="Raw">
+                            <animatedvisuals:AnimatedGlobalNavigationButtonVisualSource />
+                            <muxc:AnimatedIcon.FallbackIconSource>
+                                <muxc:FontIconSource FontFamily="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=FontFamily}"
+                                                     FontSize="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=FontSize}"
+                                                     Glyph="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Content}"
+                                                     MirroredWhenRightToLeft="True" />
+                            </muxc:AnimatedIcon.FallbackIconSource>
+                        </muxc:AnimatedIcon>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+</ResourceDictionary>
diff --git a/components/TitleBar/tests/ExampleTitleBarTestClass.cs b/components/TitleBar/tests/ExampleTitleBarTestClass.cs
new file mode 100644
index 000000000..f4a22e8c6
--- /dev/null
+++ b/components/TitleBar/tests/ExampleTitleBarTestClass.cs
@@ -0,0 +1,99 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.Tooling.TestGen;
+using CommunityToolkit.Tests;
+using CommunityToolkit.WinUI.Controls;
+
+namespace TitleBarExperiment.Tests;
+
+[TestClass]
+public partial class ExampleTitleBarTestClass : VisualUITestBase
+{
+    // If you don't need access to UI objects directly or async code, use this pattern.
+    [TestMethod]
+    public void SimpleSynchronousExampleTest()
+    {
+        var assembly = typeof(TitleBar).Assembly;
+        var type = assembly.GetType(typeof(TitleBar).FullName ?? string.Empty);
+
+        Assert.IsNotNull(type, "Could not find TitleBar type.");
+        Assert.AreEqual(typeof(TitleBar), type, "Type of TitleBar does not match expected type.");
+    }
+
+    // If you don't need access to UI objects directly, use this pattern.
+    [TestMethod]
+    public async Task SimpleAsyncExampleTest()
+    {
+        await Task.Delay(250);
+
+        Assert.IsTrue(true);
+    }
+
+    // Example that shows how to check for exception throwing.
+    [TestMethod]
+    public void SimpleExceptionCheckTest()
+    {
+        // If you need to check exceptions occur for invalid inputs, etc...
+        // Use Assert.ThrowsException to limit the scope to where you expect the error to occur.
+        // Otherwise, using the ExpectedException attribute could swallow or
+        // catch other issues in setup code.
+        Assert.ThrowsException<NotImplementedException>(() => throw new NotImplementedException());
+    }
+
+    // The UIThreadTestMethod automatically dispatches to the UI for us to work with UI objects.
+    [UIThreadTestMethod]
+    public void SimpleUIAttributeExampleTest()
+    {
+        var component = new TitleBar();
+        Assert.IsNotNull(component);
+    }
+
+    // The UIThreadTestMethod can also easily grab a XAML Page for us by passing its type as a parameter.
+    // This lets us actually test a control as it would behave within an actual application.
+    // The page will already be loaded by the time your test is called.
+    [UIThreadTestMethod]
+    public void SimpleUIExamplePageTest(ExampleTitleBarTestPage page)
+    {
+        // You can use the Toolkit Visual Tree helpers here to find the component by type or name:
+    
+    }
+
+    // You can still do async work with a UIThreadTestMethod as well.
+    [UIThreadTestMethod]
+    public async Task SimpleAsyncUIExamplePageTest(ExampleTitleBarTestPage page)
+    {
+        // This helper can be used to wait for a rendering pass to complete.
+        // Note, this is already done by loading a Page with the [UIThreadTestMethod] helper.
+        await CompositionTargetHelper.ExecuteAfterCompositionRenderingAsync(() => { });
+
+    
+    }
+
+    //// ----------------------------- ADVANCED TEST SCENARIOS -----------------------------
+
+    // If you need to use DataRow, you can use this pattern with the UI dispatch still.
+    // Otherwise, checkout the UIThreadTestMethod attribute above.
+    // See https://github.com/CommunityToolkit/Labs-Windows/issues/186
+    [TestMethod]
+    public async Task ComplexAsyncUIExampleTest()
+    {
+   
+    }
+
+    // If you want to load other content not within a XAML page using the UIThreadTestMethod above.
+    // Then you can do that using the Load/UnloadTestContentAsync methods.
+    [TestMethod]
+    public async Task ComplexAsyncLoadUIExampleTest()
+    {
+     
+    }
+
+    // You can still use the UIThreadTestMethod to remove the extra layer for the dispatcher as well:
+    [UIThreadTestMethod]
+    public async Task ComplexAsyncLoadUIExampleWithoutDispatcherTest()
+    {
+       
+    }
+}
diff --git a/components/TitleBar/tests/ExampleTitleBarTestPage.xaml b/components/TitleBar/tests/ExampleTitleBarTestPage.xaml
new file mode 100644
index 000000000..0f429f271
--- /dev/null
+++ b/components/TitleBar/tests/ExampleTitleBarTestPage.xaml
@@ -0,0 +1,14 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TitleBarExperiment.Tests.ExampleTitleBarTestPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
+      mc:Ignorable="d">
+
+    <Grid>
+  
+    </Grid>
+</Page>
diff --git a/components/TitleBar/tests/ExampleTitleBarTestPage.xaml.cs b/components/TitleBar/tests/ExampleTitleBarTestPage.xaml.cs
new file mode 100644
index 000000000..a3a3ddc3e
--- /dev/null
+++ b/components/TitleBar/tests/ExampleTitleBarTestPage.xaml.cs
@@ -0,0 +1,16 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace TitleBarExperiment.Tests;
+
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class ExampleTitleBarTestPage : Page
+{
+    public ExampleTitleBarTestPage()
+    {
+        this.InitializeComponent();
+    }
+}
diff --git a/components/TitleBar/tests/TitleBar.Tests.projitems b/components/TitleBar/tests/TitleBar.Tests.projitems
new file mode 100644
index 000000000..41ae219e8
--- /dev/null
+++ b/components/TitleBar/tests/TitleBar.Tests.projitems
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <MSBuildAllProjects Condition="'$(MSBuildVersion)' == '' Or '$(MSBuildVersion)' &lt; '16.0'">$(MSBuildAllProjects);$(MSBuildThisFileFullPath)</MSBuildAllProjects>
+    <HasSharedItems>true</HasSharedItems>
+    <SharedGUID>3BA0AB2F-24A8-4E53-BEFE-2796E3E82421</SharedGUID>
+  </PropertyGroup>
+  <PropertyGroup Label="Configuration">
+    <Import_RootNamespace>TitleBarExperiment.Tests</Import_RootNamespace>
+  </PropertyGroup>
+  <ItemGroup>
+    <Compile Include="$(MSBuildThisFileDirectory)ExampleTitleBarTestClass.cs" />
+    <Compile Include="$(MSBuildThisFileDirectory)ExampleTitleBarTestPage.xaml.cs">
+      <DependentUpon>ExampleTitleBarTestPage.xaml</DependentUpon>
+    </Compile>
+  </ItemGroup>
+  <ItemGroup>
+    <Page Include="$(MSBuildThisFileDirectory)ExampleTitleBarTestPage.xaml">
+      <SubType>Designer</SubType>
+      <Generator>MSBuild:Compile</Generator>
+    </Page>
+  </ItemGroup>
+</Project>
\ No newline at end of file
diff --git a/components/TitleBar/tests/TitleBar.Tests.shproj b/components/TitleBar/tests/TitleBar.Tests.shproj
new file mode 100644
index 000000000..5c6e8c674
--- /dev/null
+++ b/components/TitleBar/tests/TitleBar.Tests.shproj
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project ToolsVersion="15.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup Label="Globals">
+    <ProjectGuid>3BA0AB2F-24A8-4E53-BEFE-2796E3E82421</ProjectGuid>
+    <MinimumVisualStudioVersion>14.0</MinimumVisualStudioVersion>
+  </PropertyGroup>
+  <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props')" />
+  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\CodeSharing\Microsoft.CodeSharing.Common.Default.props" />
+  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\CodeSharing\Microsoft.CodeSharing.Common.props" />
+  <PropertyGroup />
+  <Import Project="TitleBar.Tests.projitems" Label="Shared" />
+  <Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\CodeSharing\Microsoft.CodeSharing.CSharp.targets" />
+</Project>

From f75784b5725f728ce9879781453f0756e030d4f7 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Wed, 5 Jul 2023 17:10:15 +0200
Subject: [PATCH 02/26] Remove files

---
 components/TitleBar/samples/BlankPage1.xaml   | 43 -------------
 .../samples/TitleBarCustomSample.xaml         | 35 ----------
 .../samples/TitleBarCustomSample.xaml.cs      | 64 -------------------
 3 files changed, 142 deletions(-)
 delete mode 100644 components/TitleBar/samples/BlankPage1.xaml
 delete mode 100644 components/TitleBar/samples/TitleBarCustomSample.xaml
 delete mode 100644 components/TitleBar/samples/TitleBarCustomSample.xaml.cs

diff --git a/components/TitleBar/samples/BlankPage1.xaml b/components/TitleBar/samples/BlankPage1.xaml
deleted file mode 100644
index 98044d829..000000000
--- a/components/TitleBar/samples/BlankPage1.xaml
+++ /dev/null
@@ -1,43 +0,0 @@
-<Page x:Class="TitleBarExperiment.Samples.BlankPage1"
-      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
-      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-      xmlns:local="using:TitleBarExperiment.Samples"
-      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
-      mc:Ignorable="d">
-
-    <Grid>
-        <Grid.RowDefinitions>
-            <RowDefinition Height="Auto" />
-            <RowDefinition Height="*" />
-        </Grid.RowDefinitions>
-
-        <controls:TitleBar x:Name="appTitleBar"
-                           Title="Toolkit Labs Gallery"
-                           AutoConfigureCustomTitleBar="True"
-                           DisplayMode="Tall"
-                           IsBackButtonVisible="True"
-                           IsPaneButtonVisible="True"
-                           Subtitle=" Preview">
-            <!--<controls:TitleBar.Icon>
-                <BitmapIcon ShowAsMonochrome="False"
-                            UriSource="/Assets/icon.png" />
-            </controls:TitleBar.Icon>-->
-            <controls:TitleBar.Content>
-
-                <AutoSuggestBox />
-            </controls:TitleBar.Content>
-            <controls:TitleBar.Footer>
-                <Button Content="Click" />
-            </controls:TitleBar.Footer>
-        </controls:TitleBar>
-        <muxc:NavigationView Grid.Row="1">
-            <muxc:NavigationView.MenuItems>
-                <muxc:NavigationViewItem Content="Test1" />
-                <muxc:NavigationViewItem Content="Test2" />
-            </muxc:NavigationView.MenuItems>
-        </muxc:NavigationView>
-    </Grid>
-</Page>
diff --git a/components/TitleBar/samples/TitleBarCustomSample.xaml b/components/TitleBar/samples/TitleBarCustomSample.xaml
deleted file mode 100644
index e5812ae5f..000000000
--- a/components/TitleBar/samples/TitleBarCustomSample.xaml
+++ /dev/null
@@ -1,35 +0,0 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
-<Page x:Class="TitleBarExperiment.Samples.TitleBarCustomSample"
-      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
-      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
-      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
-      xmlns:local="using:TitleBarExperiment.Samples"
-      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
-      mc:Ignorable="d">
-
-    <Grid>
-        <!--<controls:TitleBar x:Name="appTitleBar"
-                           Title="Toolkit Labs Gallery"
-                           DisplayMode="Tall"
-                           IsBackButtonVisible="True"
-                           AutoConfigureCustomTitleBar="False"
-                           IsPaneButtonVisible="True"
-                           Subtitle=" Preview">
-            <controls:TitleBar.Icon>
-                <BitmapIcon ShowAsMonochrome="False"
-                            UriSource="ms-appx:///Assets/icon.png" />
-            </controls:TitleBar.Icon>
-            <controls:TitleBar.Content>
-
-                <AutoSuggestBox />
-            </controls:TitleBar.Content>
-            <controls:TitleBar.Footer>
-                <Button Content="Click" />
-            </controls:TitleBar.Footer>
-        </controls:TitleBar>-->
-
-        <Button Click="Button_Click"
-                Content="Open new window" />
-    </Grid>
-</Page>
diff --git a/components/TitleBar/samples/TitleBarCustomSample.xaml.cs b/components/TitleBar/samples/TitleBarCustomSample.xaml.cs
deleted file mode 100644
index cad8c10c5..000000000
--- a/components/TitleBar/samples/TitleBarCustomSample.xaml.cs
+++ /dev/null
@@ -1,64 +0,0 @@
-// Licensed to the .NET Foundation under one or more agreements.
-// The .NET Foundation licenses this file to you under the MIT license.
-// See the LICENSE file in the project root for more information.
-
-using CommunityToolkit.WinUI.Controls;
-#if WINDOWS_UWP
-using Windows.ApplicationModel.Core;
-using Windows.UI.Core;
-using Windows.UI.ViewManagement;
-using Windows.UI.WindowManagement;
-using Windows.UI.Xaml.Hosting;
-#endif
-namespace TitleBarExperiment.Samples;
-
-/// <summary>
-/// An example sample page of a custom control inheriting from Panel.
-/// </summary>
-[ToolkitSampleTextOption("TitleText", "This is a title", Title = "Input the text")]
-[ToolkitSampleMultiChoiceOption("LayoutOrientation", "Horizontal", "Vertical", Title = "Orientation")]
-
-[ToolkitSample(id: nameof(TitleBarCustomSample), "Custom control", description: $"A sample for showing how to create and use a {nameof(TitleBar)} custom control.")]
-public sealed partial class TitleBarCustomSample : Page
-{
-    public TitleBarCustomSample()
-    {
-        this.InitializeComponent();
-    }
-
-    // TODO: See https://github.com/CommunityToolkit/Labs-Windows/issues/149
-    public static Orientation ConvertStringToOrientation(string orientation) => orientation switch
-    {
-        "Vertical" => Orientation.Vertical,
-        "Horizontal" => Orientation.Horizontal,
-        _ => throw new System.NotImplementedException(),
-    };
-
-    private async void Button_Click(object sender, RoutedEventArgs e)
-    {
-#if WINDOWS_UWP
-        CoreApplicationView newView = CoreApplication.CreateNewView();
-        int newViewId = 0;
-        await newView.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
-        {
-            Frame frame = new Frame();
-            frame.Navigate(typeof(BlankPage1), null);
-            Window.Current.Content = frame;
-            // You have to activate the window in order to show it later.
-            Window.Current.Activate();
-
-            newViewId = ApplicationView.GetForCurrentView().Id;
-        });
-
-        bool viewShown = await ApplicationViewSwitcher.TryShowAsStandaloneAsync(newViewId);
-#endif
-#if WINAPPSDK
-        Window newWindow = new Window
-        {
-            SystemBackdrop = new MicaBackdrop()
-        };
-        newWindow.Content = new BlankPage1(newWindow);
-        newWindow.Activate();
-#endif
-    }
-}

From a39a29454133dd0f4311814eeebc6bcf040ad3f1 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Wed, 5 Jul 2023 17:10:23 +0200
Subject: [PATCH 03/26] Delete BlankPage1.xaml.cs

---
 .../TitleBar/samples/BlankPage1.xaml.cs       | 24 -------------------
 1 file changed, 24 deletions(-)
 delete mode 100644 components/TitleBar/samples/BlankPage1.xaml.cs

diff --git a/components/TitleBar/samples/BlankPage1.xaml.cs b/components/TitleBar/samples/BlankPage1.xaml.cs
deleted file mode 100644
index 2619ce180..000000000
--- a/components/TitleBar/samples/BlankPage1.xaml.cs
+++ /dev/null
@@ -1,24 +0,0 @@
-// Licensed to the .NET Foundation under one or more agreements.
-// The .NET Foundation licenses this file to you under the MIT license.
-// See the LICENSE file in the project root for more information.
-
-namespace TitleBarExperiment.Samples;
-/// <summary>
-/// An empty page that can be used on its own or navigated to within a Frame.
-/// </summary>
-public sealed partial class BlankPage1 : Page
-{
-#if WINAPPSDK
-    public BlankPage1(Window window)
-    {
-        this.InitializeComponent();
-        appTitleBar.Window = window;
-    }
-#else
-    public BlankPage1()
-    {
-        this.InitializeComponent();
-        Microsoft.UI.Xaml.Controls.BackdropMaterial.SetApplyToRootOrPageBackground(this, true);
-    }
-#endif
-}

From f61434b5dbe405ef437da273c29ee00f264f06e2 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Wed, 5 Jul 2023 17:12:23 +0200
Subject: [PATCH 04/26] Improve samples

---
 .../samples/Assets/AppTitleBarIcon.png        | Bin 0 -> 637 bytes
 components/TitleBar/samples/Assets/Avatar.png | Bin 0 -> 3051 bytes
 .../samples/SamplePages/FirstPage.xaml        |  18 +++
 .../samples/SamplePages/FirstPage.xaml.cs     |  15 +++
 .../samples/SamplePages/SecondPage.xaml       |  18 +++
 .../samples/SamplePages/SecondPage.xaml.cs    |  15 +++
 .../samples/SamplePages/ShellPage.xaml        |  88 +++++++++++++++
 .../samples/SamplePages/ShellPage.xaml.cs     |  56 ++++++++++
 .../TitleBar/samples/TitleBar.Samples.csproj  |  12 +-
 components/TitleBar/samples/TitleBar.md       |  22 +---
 .../samples/TitleBarConfigSample.xaml         | 104 ++++++++++++++++++
 .../samples/TitleBarConfigSample.xaml.cs      |  26 +++++
 .../TitleBar/samples/TitleBarFullSample.xaml  |  19 ++++
 .../samples/TitleBarFullSample.xaml.cs        |  50 +++++++++
 components/TitleBar/src/TitleBar.xaml         |   6 +-
 .../tests/ExampleTitleBarTestPage.xaml        |   6 +-
 16 files changed, 430 insertions(+), 25 deletions(-)
 create mode 100644 components/TitleBar/samples/Assets/AppTitleBarIcon.png
 create mode 100644 components/TitleBar/samples/Assets/Avatar.png
 create mode 100644 components/TitleBar/samples/SamplePages/FirstPage.xaml
 create mode 100644 components/TitleBar/samples/SamplePages/FirstPage.xaml.cs
 create mode 100644 components/TitleBar/samples/SamplePages/SecondPage.xaml
 create mode 100644 components/TitleBar/samples/SamplePages/SecondPage.xaml.cs
 create mode 100644 components/TitleBar/samples/SamplePages/ShellPage.xaml
 create mode 100644 components/TitleBar/samples/SamplePages/ShellPage.xaml.cs
 create mode 100644 components/TitleBar/samples/TitleBarConfigSample.xaml
 create mode 100644 components/TitleBar/samples/TitleBarConfigSample.xaml.cs
 create mode 100644 components/TitleBar/samples/TitleBarFullSample.xaml
 create mode 100644 components/TitleBar/samples/TitleBarFullSample.xaml.cs

diff --git a/components/TitleBar/samples/Assets/AppTitleBarIcon.png b/components/TitleBar/samples/Assets/AppTitleBarIcon.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b74142917b66900b5dce16edc08d507660607e2
GIT binary patch
literal 637
zcmV-@0)qXCP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0uo6?K~#7FrBlyq
zQ$Y~^_GQ!9HmM;k+G2uF+Y~%Cf+sx~z2#&to(%|!2cez?ttY*ye}Q=PAoi%>p%S4*
zC`1G=7Wyt?@Sw5whfUw^I5RIHErLCC;JumMnfd0M*<Ij}VtU4%yAQ4yLgk<YB1DfL
z-hbX(r{p&`Kc7!IEHd8mK>z`0_WZ?5SZXYOR0gSAZ?EO>r*dZCdwpf|_!D@~L7tUp
z79S(<YCwFGL%*t>*tEZH9ckK*e`*G9z9x`|VW;SxZI~;O>)PFY(cbmf-qbCeY&cB-
zYxsV!?r}mtd9QZx><<i6G!o=utlYbRSGUhG<yhB7K5fC_#^uxa@Ti8`%y@T?TXY^a
zUp|pk<vOL&L1WS>WT#FteM;K!`ZI;%F_gxJQ3#93tY>5-9Krx2(<Ndq%2uarEr!dd
zAPsRcv<n7Fk7jh}c4C6k+XeAzj@5Z^oPb<k+NSkg(%y6=lpH+Y5A$-ZL(8pQeE#Wr
zK9bJO<cn`!XSAoH=((fM%+=f*7z0Y^NDS?}6WL%ZvP_S?%toscx@#0|3#*^jP(3?n
znyWi#e%V1j8z5p9;dmPPT!3n2C=8Mwy(a1`^`ry@9Nf`L3ylr5H=HI%t(XC<0*Y8p
zcqbLf=}9CE*c?m!2+LEMaN+$X>a`KHe>(>8%0ga{u-NyQ{&_Tw=@~|v#s9=mgu}{T
Xl!Z&Fr>H{500000NkvXXu0mjfTecqP

literal 0
HcmV?d00001

diff --git a/components/TitleBar/samples/Assets/Avatar.png b/components/TitleBar/samples/Assets/Avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fd88928d0a9552c17c1995a146b41d28cebc0d3
GIT binary patch
literal 3051
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

literal 0
HcmV?d00001

diff --git a/components/TitleBar/samples/SamplePages/FirstPage.xaml b/components/TitleBar/samples/SamplePages/FirstPage.xaml
new file mode 100644
index 000000000..135a5b9bd
--- /dev/null
+++ b/components/TitleBar/samples/SamplePages/FirstPage.xaml
@@ -0,0 +1,18 @@
+<Page x:Class="TitleBarExperiment.Samples.FirstPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:TitleBarExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <Grid>
+        <TextBlock HorizontalAlignment="Center"
+                   VerticalAlignment="Center"
+                   FontSize="48"
+                   FontWeight="SemiBold"
+                   Text="1" />
+    </Grid>
+</Page>
diff --git a/components/TitleBar/samples/SamplePages/FirstPage.xaml.cs b/components/TitleBar/samples/SamplePages/FirstPage.xaml.cs
new file mode 100644
index 000000000..c2fb661be
--- /dev/null
+++ b/components/TitleBar/samples/SamplePages/FirstPage.xaml.cs
@@ -0,0 +1,15 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace TitleBarExperiment.Samples;
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class FirstPage : Page
+{
+    public FirstPage()
+    {
+        this.InitializeComponent();
+    }
+}
diff --git a/components/TitleBar/samples/SamplePages/SecondPage.xaml b/components/TitleBar/samples/SamplePages/SecondPage.xaml
new file mode 100644
index 000000000..c440d438d
--- /dev/null
+++ b/components/TitleBar/samples/SamplePages/SecondPage.xaml
@@ -0,0 +1,18 @@
+<Page x:Class="TitleBarExperiment.Samples.SecondPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:TitleBarExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <Grid>
+        <TextBlock HorizontalAlignment="Center"
+                   VerticalAlignment="Center"
+                   FontWeight="SemiBold"
+                   FontSize="48" 
+                   Text="2" />
+    </Grid>
+</Page>
diff --git a/components/TitleBar/samples/SamplePages/SecondPage.xaml.cs b/components/TitleBar/samples/SamplePages/SecondPage.xaml.cs
new file mode 100644
index 000000000..917c00f9b
--- /dev/null
+++ b/components/TitleBar/samples/SamplePages/SecondPage.xaml.cs
@@ -0,0 +1,15 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace TitleBarExperiment.Samples;
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class SecondPage : Page
+{
+    public SecondPage()
+    {
+        this.InitializeComponent();
+    }
+}
diff --git a/components/TitleBar/samples/SamplePages/ShellPage.xaml b/components/TitleBar/samples/SamplePages/ShellPage.xaml
new file mode 100644
index 000000000..4ce0d4bb3
--- /dev/null
+++ b/components/TitleBar/samples/SamplePages/ShellPage.xaml
@@ -0,0 +1,88 @@
+<Page x:Class="TitleBarExperiment.Samples.ShellPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:TitleBarExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+
+        <controls:TitleBar x:Name="appTitleBar"
+                           Title="Contoso"
+                           AutoConfigureCustomTitleBar="True"
+                           BackButtonClick="appTitleBar_BackButtonClick"
+                           DisplayMode="Tall"
+                           IsBackButtonVisible="True"
+                           IsPaneButtonVisible="True"
+                           PaneButtonClick="appTitleBar_PaneButtonClick"
+                           Subtitle="Preview">
+            <controls:TitleBar.Icon>
+                <BitmapIcon ShowAsMonochrome="False"
+                            UriSource="ms-appx:///Assets/AppTitleBarIcon.png" />
+            </controls:TitleBar.Icon>
+            <controls:TitleBar.Content>
+                <AutoSuggestBox PlaceholderText="Search.." />
+            </controls:TitleBar.Content>
+            <controls:TitleBar.Footer>
+                <Button Width="32"
+                        Height="32"
+                        Padding="0"
+                        BorderBrush="{ThemeResource CircleElevationBorderBrush}"
+                        CornerRadius="16">
+                    <Button.Content>
+                        <muxc:PersonPicture Width="32"
+                                            Height="32"
+                                            Initials="AB"
+                                            ProfilePicture="ms-appx:///Assets/Avatar.png" />
+                    </Button.Content>
+                    <Button.Flyout>
+                        <MenuFlyout Placement="Bottom">
+                            <MenuFlyoutItem Text="Manage account">
+                                <MenuFlyoutItem.Icon>
+                                    <FontIcon Glyph="&#xE77B;" />
+                                </MenuFlyoutItem.Icon>
+                            </MenuFlyoutItem>
+                            <MenuFlyoutSeparator />
+                            <MenuFlyoutItem Text="Settings">
+                                <MenuFlyoutItem.Icon>
+                                    <FontIcon Glyph="&#xE713;" />
+                                </MenuFlyoutItem.Icon>
+                            </MenuFlyoutItem>
+                        </MenuFlyout>
+                    </Button.Flyout>
+                </Button>
+            </controls:TitleBar.Footer>
+        </controls:TitleBar>
+        <muxc:NavigationView x:Name="NavView"
+                             Grid.Row="1"
+                             IsBackButtonVisible="Collapsed"
+                             IsPaneToggleButtonVisible="False"
+                             IsSettingsVisible="False"
+                             Loaded="NavView_Loaded"
+                             SelectionChanged="NavView_SelectionChanged">
+            <muxc:NavigationView.MenuItems>
+                <muxc:NavigationViewItem Content="First item"
+                                         Tag="1">
+                    <muxc:NavigationViewItem.Icon>
+                        <FontIcon Glyph="&#xE787;" />
+                    </muxc:NavigationViewItem.Icon>
+                </muxc:NavigationViewItem>
+                <muxc:NavigationViewItem Content="Second item"
+                                         Tag="2">
+                    <muxc:NavigationViewItem.Icon>
+                        <FontIcon Glyph="&#xE7C5;" />
+                    </muxc:NavigationViewItem.Icon>
+                </muxc:NavigationViewItem>
+            </muxc:NavigationView.MenuItems>
+            <Frame x:Name="NavFrame"
+                   Navigated="NavFrame_Navigated" />
+        </muxc:NavigationView>
+    </Grid>
+</Page>
diff --git a/components/TitleBar/samples/SamplePages/ShellPage.xaml.cs b/components/TitleBar/samples/SamplePages/ShellPage.xaml.cs
new file mode 100644
index 000000000..56d609414
--- /dev/null
+++ b/components/TitleBar/samples/SamplePages/ShellPage.xaml.cs
@@ -0,0 +1,56 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+namespace TitleBarExperiment.Samples;
+/// <summary>
+/// An empty page that can be used on its own or navigated to within a Frame.
+/// </summary>
+public sealed partial class ShellPage : Page
+{
+#if WINAPPSDK
+    public ShellPage(Window window)
+    {
+        this.InitializeComponent();
+        appTitleBar.Window = window;
+    }
+#else
+    public ShellPage()
+    {
+        this.InitializeComponent();
+        Microsoft.UI.Xaml.Controls.BackdropMaterial.SetApplyToRootOrPageBackground(this, true);
+    }
+#endif
+    private void appTitleBar_BackButtonClick(object sender, RoutedEventArgs e)
+    {
+        if (NavFrame.CanGoBack)
+        {
+            NavFrame.GoBack();
+        }
+    }
+
+    private void appTitleBar_PaneButtonClick(object sender, RoutedEventArgs e)
+    {
+        NavView.IsPaneOpen = !NavView.IsPaneOpen;
+    }
+
+    private void NavView_SelectionChanged(MUXC.NavigationView sender, MUXC.NavigationViewSelectionChangedEventArgs args)
+    {
+        switch ((string)((MUXC.NavigationViewItem)NavView.SelectedItem).Tag)
+        {
+            case "1": NavFrame.Navigate(typeof(FirstPage)); break;
+            case "2": NavFrame.Navigate(typeof(SecondPage)); break;
+        }
+  
+    }
+
+    private void NavView_Loaded(object sender, RoutedEventArgs e)
+    {
+        NavView.SelectedItem = NavView.MenuItems[0];
+    }
+
+    private void NavFrame_Navigated(object sender, NavigationEventArgs e)
+    {
+        appTitleBar.IsBackButtonVisible = NavFrame.CanGoBack;
+    }
+}
diff --git a/components/TitleBar/samples/TitleBar.Samples.csproj b/components/TitleBar/samples/TitleBar.Samples.csproj
index cc9099b4e..6d58d58db 100644
--- a/components/TitleBar/samples/TitleBar.Samples.csproj
+++ b/components/TitleBar/samples/TitleBar.Samples.csproj
@@ -6,10 +6,20 @@
   <!-- Sets this up as a toolkit component's sample project -->
   <Import Project="$(ToolingDirectory)\ToolkitComponent.SampleProject.props" />
   <ItemGroup>
+    <None Remove="Assets\AppTitleBarIcon.png" />
+    <None Remove="Assets\Avatar.png" />
     <None Remove="Assets\icon.png" />
   </ItemGroup>
   <ItemGroup>
-    <Content Include="Assets\icon.png" />
+    <Content Include="Assets\AppTitleBarIcon.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\Avatar.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
+    <Content Include="Assets\icon.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
   </ItemGroup>
 
 </Project>
diff --git a/components/TitleBar/samples/TitleBar.md b/components/TitleBar/samples/TitleBar.md
index 656fb9916..d293e4d47 100644
--- a/components/TitleBar/samples/TitleBar.md
+++ b/components/TitleBar/samples/TitleBar.md
@@ -1,7 +1,7 @@
 ---
 title: TitleBar
 author: niels9001
-description: TODO: Your experiment's description here
+description: A control that provides a modern TitleBar
 keywords: TitleBar, Control, Layout
 dev_langs:
   - csharp
@@ -12,22 +12,8 @@ issue-id: 0
 icon: assets/icon.png
 ---
 
-<!-- To know about all the available Markdown syntax, Check out https://docs.microsoft.com/contribute/markdown-reference -->
-<!-- Ensure you remove all comments before submission, to ensure that there are no formatting issues when displaying this page.  -->
-<!-- It is recommended to check how the Documentation will look in the sample app, before Merging a PR -->
-<!-- **Note:** All links to other docs.microsoft.com pages should be relative without locale, i.e. for the one above would be /contribute/markdown-reference -->
-<!-- Included images should be optimized for size and not include any Intellectual Property references. -->
+The `TitleBar` provides an easy way to display a modern titlebar experience. The control handles all the required APIs to extend content into the titlebar area and custom drag regions.
 
-<!-- Be sure to update the discussion/issue numbers above with your Labs discussion/issue id numbers in order for UI links to them from the sample app to work. -->
-
-# TitleBar
-
-TODO: Fill in information about this experiment and how to get started here...
-
-## Custom Control
-
-You can inherit from an existing component as well, like `Panel`, this example shows a control without a
-XAML Style that will be more light-weight to consume by an app developer:
-
-> [!Sample TitleBarCustomSample]
+> [!Sample TitleBarConfigSample]
 
+> [!Sample TitleBarFullSample]
diff --git a/components/TitleBar/samples/TitleBarConfigSample.xaml b/components/TitleBar/samples/TitleBarConfigSample.xaml
new file mode 100644
index 000000000..49736cb03
--- /dev/null
+++ b/components/TitleBar/samples/TitleBarConfigSample.xaml
@@ -0,0 +1,104 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TitleBarExperiment.Samples.TitleBarConfigSample"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:TitleBarExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <Grid>
+        <Grid RowSpacing="12">
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="164" />
+                <RowDefinition Height="Auto" />
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                       Style="{StaticResource CaptionTextBlockStyle}"
+                       Text="A classic TitleBar (DisplayMode = Standard)" />
+            <Grid Grid.Row="1"
+                  BorderBrush="{ThemeResource SurfaceStrokeColorDefaultBrush}"
+                  BorderThickness="1"
+                  CornerRadius="{StaticResource OverlayCornerRadius}">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="*" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <controls:TitleBar Title="{x:Bind TitleText, Mode=OneWay}"
+                                   AutoConfigureCustomTitleBar="False"
+                                   IsBackButtonVisible="{x:Bind ShowBackButtonSetting, Mode=OneWay}"
+                                   IsPaneButtonVisible="{x:Bind ShowPaneButtonSetting, Mode=OneWay}"
+                                   Subtitle="{x:Bind SubtitleText, Mode=OneWay}">
+                    <controls:TitleBar.Icon>
+                        <BitmapIcon ShowAsMonochrome="False"
+                                    UriSource="ms-appx:///Assets/AppTitleBarIcon.png" />
+                    </controls:TitleBar.Icon>
+                </controls:TitleBar>
+                <StackPanel Grid.Column="1"
+                            Margin="36,0,24,0"
+                            Orientation="Horizontal"
+                            Spacing="36">
+                    <FontIcon FontSize="10"
+                              Glyph="&#xE921;" />
+                    <FontIcon FontSize="10"
+                              Glyph="&#xE922;" />
+                    <FontIcon FontSize="10"
+                              Glyph="&#xE8BB;" />
+                </StackPanel>
+            </Grid>
+
+
+            <TextBlock Grid.Row="3"
+                       Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                       Style="{StaticResource CaptionTextBlockStyle}"
+                       Text="A TitleBar with interactive content (DisplayMode = Tall)" />
+            <Grid Grid.Row="4"
+                  BorderBrush="{ThemeResource SurfaceStrokeColorDefaultBrush}"
+                  BorderThickness="1"
+                  CornerRadius="{StaticResource OverlayCornerRadius}">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="*" />
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+                <controls:TitleBar Title="{x:Bind TitleText, Mode=OneWay}"
+                                   AutoConfigureCustomTitleBar="False"
+                                   DisplayMode="Tall"
+                                   IsBackButtonVisible="{x:Bind ShowBackButtonSetting, Mode=OneWay}"
+                                   IsPaneButtonVisible="{x:Bind ShowPaneButtonSetting, Mode=OneWay}"
+                                   Subtitle="{x:Bind SubtitleText, Mode=OneWay}">
+                    <controls:TitleBar.Icon>
+                        <BitmapIcon ShowAsMonochrome="False"
+                                    UriSource="ms-appx:///Assets/icon.png" />
+                    </controls:TitleBar.Icon>
+                    <controls:TitleBar.Content>
+
+                        <AutoSuggestBox PlaceholderText="Search" />
+                    </controls:TitleBar.Content>
+                    <controls:TitleBar.Footer>
+                        <muxc:PersonPicture Width="32"
+                                            Height="32"
+                                            Initials="AB"
+                                            ProfilePicture="ms-appx:///Assets/Avatar.png" />
+                    </controls:TitleBar.Footer>
+                </controls:TitleBar>
+                <StackPanel Grid.Column="1"
+                            Margin="36,0,24,0"
+                            Orientation="Horizontal"
+                            Spacing="36">
+                    <FontIcon FontSize="10"
+                              Glyph="&#xE921;" />
+                    <FontIcon FontSize="10"
+                              Glyph="&#xE922;" />
+                    <FontIcon FontSize="10"
+                              Glyph="&#xE8BB;" />
+                </StackPanel>
+            </Grid>
+        </Grid>
+    </Grid>
+</Page>
diff --git a/components/TitleBar/samples/TitleBarConfigSample.xaml.cs b/components/TitleBar/samples/TitleBarConfigSample.xaml.cs
new file mode 100644
index 000000000..645efe4eb
--- /dev/null
+++ b/components/TitleBar/samples/TitleBarConfigSample.xaml.cs
@@ -0,0 +1,26 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI.Controls;
+
+namespace TitleBarExperiment.Samples;
+
+/// <summary>
+/// An example sample page of a custom control inheriting from Panel.
+/// </summary>
+[ToolkitSampleTextOption("TitleText", "Contoso", Title = "Title")]
+[ToolkitSampleTextOption("SubtitleText", "Preview", Title = "Subtitle")]
+[ToolkitSampleBoolOption("ShowBackButtonSetting", false, Title = "ShowBackButton")]
+[ToolkitSampleBoolOption("ShowPaneButtonSetting", false, Title = "ShowPaneButton")]
+
+[ToolkitSample(id: nameof(TitleBarConfigSample), "Full titlebar sample", description: $"A sample for showing how to create and use a {nameof(TitleBar)} in a window.")]
+public sealed partial class TitleBarConfigSample : Page
+{
+    public TitleBarConfigSample()
+    {
+        this.InitializeComponent();
+    }
+
+ 
+}
diff --git a/components/TitleBar/samples/TitleBarFullSample.xaml b/components/TitleBar/samples/TitleBarFullSample.xaml
new file mode 100644
index 000000000..be8724932
--- /dev/null
+++ b/components/TitleBar/samples/TitleBarFullSample.xaml
@@ -0,0 +1,19 @@
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<Page x:Class="TitleBarExperiment.Samples.TitleBarFullSample"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:controls="using:CommunityToolkit.WinUI.Controls"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:TitleBarExperiment.Samples"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      mc:Ignorable="d">
+
+    <StackPanel HorizontalAlignment="Center"
+                VerticalAlignment="Center"
+                Spacing="24">
+        <TextBlock  Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Click the button below to see a full fledged window sample with TitleBar enabled" />
+        <Button Click="Button_Click"
+                HorizontalAlignment="Center"
+                Content="Open new window" />
+    </StackPanel>
+</Page>
diff --git a/components/TitleBar/samples/TitleBarFullSample.xaml.cs b/components/TitleBar/samples/TitleBarFullSample.xaml.cs
new file mode 100644
index 000000000..ac28f536c
--- /dev/null
+++ b/components/TitleBar/samples/TitleBarFullSample.xaml.cs
@@ -0,0 +1,50 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+using CommunityToolkit.WinUI.Controls;
+#if WINDOWS_UWP
+using Windows.ApplicationModel.Core;
+using Windows.UI.Core;
+using Windows.UI.ViewManagement;
+using Windows.UI.WindowManagement;
+using Windows.UI.Xaml.Hosting;
+#endif
+namespace TitleBarExperiment.Samples;
+
+[ToolkitSample(id: nameof(TitleBarFullSample), "Full titlebar sample", description: $"A sample for showing how to create and use a {nameof(TitleBar)} in a window.")]
+public sealed partial class TitleBarFullSample : Page
+{
+    public TitleBarFullSample()
+    {
+        this.InitializeComponent();
+    }
+
+    private async void Button_Click(object sender, RoutedEventArgs e)
+    {
+#if WINDOWS_UWP
+        CoreApplicationView newView = CoreApplication.CreateNewView();
+        int newViewId = 0;
+        await newView.Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
+        {
+            Frame frame = new Frame();
+            frame.Navigate(typeof(ShellPage), null);
+            Window.Current.Content = frame;
+            // You have to activate the window in order to show it later.
+            Window.Current.Activate();
+
+            newViewId = ApplicationView.GetForCurrentView().Id;
+        });
+
+        bool viewShown = await ApplicationViewSwitcher.TryShowAsStandaloneAsync(newViewId);
+#endif
+#if WINAPPSDK
+        Window newWindow = new Window
+        {
+            SystemBackdrop = new MicaBackdrop()
+        };
+        newWindow.Content = new ShellPage(newWindow);
+        newWindow.Activate();
+#endif
+    }
+}
diff --git a/components/TitleBar/src/TitleBar.xaml b/components/TitleBar/src/TitleBar.xaml
index 853288be7..3f62f45fd 100644
--- a/components/TitleBar/src/TitleBar.xaml
+++ b/components/TitleBar/src/TitleBar.xaml
@@ -1,4 +1,4 @@
-<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
                     xmlns:local="using:CommunityToolkit.WinUI.Controls"
@@ -19,7 +19,8 @@
                     <Grid x:Name="PART_RootGrid"
                           Height="{TemplateBinding MinHeight}"
                           Padding="4,0,4,0"
-                          VerticalAlignment="Stretch">
+                          VerticalAlignment="Stretch"
+                          Background="{TemplateBinding Background}">
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition x:Name="PART_LeftPaddingColumn"
                                               Width="0" />
@@ -46,6 +47,7 @@
                                 <VisualState x:Name="BackButtonCollapsed">
                                     <VisualState.Setters>
                                         <Setter Target="PART_BackButton.Visibility" Value="Collapsed" />
+                                        <Setter Target="PART_BackButton.Visibility" Value="Collapsed" />
                                     </VisualState.Setters>
                                 </VisualState>
                             </VisualStateGroup>
diff --git a/components/TitleBar/tests/ExampleTitleBarTestPage.xaml b/components/TitleBar/tests/ExampleTitleBarTestPage.xaml
index 0f429f271..d1e4598d7 100644
--- a/components/TitleBar/tests/ExampleTitleBarTestPage.xaml
+++ b/components/TitleBar/tests/ExampleTitleBarTestPage.xaml
@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="TitleBarExperiment.Tests.ExampleTitleBarTestPage"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -8,7 +8,5 @@
       Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
       mc:Ignorable="d">
 
-    <Grid>
-  
-    </Grid>
+    <Grid />
 </Page>

From 7b82a95d8aa4a186fe6eba96b9e1bf9a9af6f51c Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Wed, 5 Jul 2023 17:12:44 +0200
Subject: [PATCH 05/26] XAML styling

---
 components/TitleBar/samples/SamplePages/SecondPage.xaml | 4 ++--
 components/TitleBar/samples/TitleBarFullSample.xaml     | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/TitleBar/samples/SamplePages/SecondPage.xaml b/components/TitleBar/samples/SamplePages/SecondPage.xaml
index c440d438d..5be84e0cf 100644
--- a/components/TitleBar/samples/SamplePages/SecondPage.xaml
+++ b/components/TitleBar/samples/SamplePages/SecondPage.xaml
@@ -1,4 +1,4 @@
-<Page x:Class="TitleBarExperiment.Samples.SecondPage"
+<Page x:Class="TitleBarExperiment.Samples.SecondPage"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
       xmlns:controls="using:CommunityToolkit.WinUI.Controls"
@@ -11,8 +11,8 @@
     <Grid>
         <TextBlock HorizontalAlignment="Center"
                    VerticalAlignment="Center"
+                   FontSize="48"
                    FontWeight="SemiBold"
-                   FontSize="48" 
                    Text="2" />
     </Grid>
 </Page>
diff --git a/components/TitleBar/samples/TitleBarFullSample.xaml b/components/TitleBar/samples/TitleBarFullSample.xaml
index be8724932..38418d4b3 100644
--- a/components/TitleBar/samples/TitleBarFullSample.xaml
+++ b/components/TitleBar/samples/TitleBarFullSample.xaml
@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="TitleBarExperiment.Samples.TitleBarFullSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -11,9 +11,10 @@
     <StackPanel HorizontalAlignment="Center"
                 VerticalAlignment="Center"
                 Spacing="24">
-        <TextBlock  Foreground="{ThemeResource TextFillColorSecondaryBrush}" Text="Click the button below to see a full fledged window sample with TitleBar enabled" />
-        <Button Click="Button_Click"
-                HorizontalAlignment="Center"
+        <TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                   Text="Click the button below to see a full fledged window sample with TitleBar enabled" />
+        <Button HorizontalAlignment="Center"
+                Click="Button_Click"
                 Content="Open new window" />
     </StackPanel>
 </Page>

From cb24ed56228a6784fe43cf1cb550491ea15da6dc Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Thu, 6 Jul 2023 14:09:09 +0330
Subject: [PATCH 06/26] UpdateCaptionButtons

---
 components/TitleBar/src/TitleBar.WASDK.cs | 26 +++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 38dced2f8..7cd360ed1 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -46,8 +46,14 @@ private void SetWASDKTitleBar()
             this.Window.Activated -= Window_Activated;
             this.Window.Activated += Window_Activated;
 
-            appWindow.TitleBar.ButtonBackgroundColor = Colors.Transparent;
-            appWindow.TitleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
+            if (Window.Content is FrameworkElement rootElement)
+            {
+                UpdateCaptionButtons(rootElement);
+                rootElement.ActualThemeChanged += (s, e) =>
+                {
+                    UpdateCaptionButtons(rootElement);
+                };
+            }
 
             // Set the width of padding columns in the UI.
             PART_ButtonsHolderColumn = GetTemplateChild(nameof(PART_ButtonsHolderColumn)) as ColumnDefinition;
@@ -82,6 +88,22 @@ private void SetWASDKTitleBar()
         }
     }
 
+    private void UpdateCaptionButtons(FrameworkElement rootElement)
+    {
+        appWindow.TitleBar.ButtonBackgroundColor = Colors.Transparent;
+        appWindow.TitleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
+        if (rootElement.ActualTheme == ElementTheme.Dark)
+        {
+            appWindow.TitleBar.ButtonForegroundColor = Colors.White;
+            appWindow.TitleBar.ButtonInactiveForegroundColor = Colors.DarkGray;
+        }
+        else
+        {
+            appWindow.TitleBar.ButtonForegroundColor = Colors.Black;
+            appWindow.TitleBar.ButtonInactiveForegroundColor = Colors.DarkGray;
+        }
+    }
+
     private void ResetWASDKTitleBar()
     {
         if (this.Window == null)

From b4529e4ca109e2b9c54d2ec3536d9cb9f3532f28 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Thu, 6 Jul 2023 14:25:48 +0330
Subject: [PATCH 07/26] Remove GetAppWindow() and Use Window.AppWindow

---
 components/TitleBar/src/TitleBar.WASDK.cs | 41 +++++++++--------------
 1 file changed, 15 insertions(+), 26 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 38dced2f8..d2e7f68fa 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -21,7 +21,6 @@ namespace CommunityToolkit.WinUI.Controls;
 
 public partial class TitleBar : Control
 {
-    private AppWindow? appWindow;
     ColumnDefinition? PART_ButtonsHolderColumn;
     ColumnDefinition? PART_IconColumn;
     ColumnDefinition? PART_TitleColumn;
@@ -40,14 +39,13 @@ private void SetWASDKTitleBar()
         }
         if (AutoConfigureCustomTitleBar)
         {
-            appWindow = GetAppWindow();
-            appWindow.TitleBar.ExtendsContentIntoTitleBar = true;
+            Window.AppWindow.TitleBar.ExtendsContentIntoTitleBar = true;
 
             this.Window.Activated -= Window_Activated;
             this.Window.Activated += Window_Activated;
 
-            appWindow.TitleBar.ButtonBackgroundColor = Colors.Transparent;
-            appWindow.TitleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
+            Window.AppWindow.TitleBar.ButtonBackgroundColor = Colors.Transparent;
+            Window.AppWindow.TitleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
 
             // Set the width of padding columns in the UI.
             PART_ButtonsHolderColumn = GetTemplateChild(nameof(PART_ButtonsHolderColumn)) as ColumnDefinition;
@@ -60,8 +58,8 @@ private void SetWASDKTitleBar()
             PART_TitleHolder = GetTemplateChild(nameof(PART_TitleHolder)) as StackPanel;
 
             // Get caption button occlusion information.
-            int CaptionButtonOcclusionWidthRight = appWindow.TitleBar.RightInset;
-            int CaptionButtonOcclusionWidthLeft = appWindow.TitleBar.LeftInset;
+            int CaptionButtonOcclusionWidthRight = Window.AppWindow.TitleBar.RightInset;
+            int CaptionButtonOcclusionWidthLeft = Window.AppWindow.TitleBar.LeftInset;
             PART_LeftPaddingColumn!.Width = new GridLength(CaptionButtonOcclusionWidthLeft);
             PART_RightPaddingColumn!.Width = new GridLength(CaptionButtonOcclusionWidthRight);
 
@@ -70,15 +68,15 @@ private void SetWASDKTitleBar()
             {
                 // Choose a tall title bar to provide more room for interactive elements 
                 // like search box or person picture controls.
-                appWindow.TitleBar.PreferredHeightOption = TitleBarHeightOption.Tall;
+                Window.AppWindow.TitleBar.PreferredHeightOption = TitleBarHeightOption.Tall;
             }
             else
             {
-                appWindow.TitleBar.PreferredHeightOption = TitleBarHeightOption.Standard;
+                Window.AppWindow.TitleBar.PreferredHeightOption = TitleBarHeightOption.Standard;
             }
             // Recalculate the drag region for the custom title bar 
             // if you explicitly defined new draggable areas.
-            SetDragRegionForCustomTitleBar(appWindow);
+            SetDragRegionForCustomTitleBar();
         }
     }
 
@@ -90,14 +88,13 @@ private void ResetWASDKTitleBar()
             // TO DO: Throw exception that window has not been set? 
         }
 
-        appWindow = GetAppWindow();
-        appWindow.TitleBar.ResetToDefault();
+        Window.AppWindow.TitleBar.ResetToDefault();
     }
 
     private void UpdateRegionToSize()
     {
         // Update drag region if the size of the title bar changes.
-        SetDragRegionForCustomTitleBar(appWindow!);
+        SetDragRegionForCustomTitleBar();
     }
 
     private void Window_Activated(object sender, WindowActivatedEventArgs args)
@@ -112,14 +109,14 @@ private void Window_Activated(object sender, WindowActivatedEventArgs args)
         }
     }
 
-    private void SetDragRegionForCustomTitleBar(AppWindow appWindow)
+    private void SetDragRegionForCustomTitleBar()
     {
-        if (appWindow != null)
+        if (Window != null)
         {
             double scaleAdjustment = GetScaleAdjustment();
 
-            PART_RightPaddingColumn!.Width = new GridLength(appWindow.TitleBar.RightInset / scaleAdjustment);
-            PART_LeftPaddingColumn!.Width = new GridLength(appWindow.TitleBar.LeftInset / scaleAdjustment);
+            PART_RightPaddingColumn!.Width = new GridLength(Window.AppWindow.TitleBar.RightInset / scaleAdjustment);
+            PART_LeftPaddingColumn!.Width = new GridLength(Window.AppWindow.TitleBar.LeftInset / scaleAdjustment);
 
             List<Windows.Graphics.RectInt32> dragRectsList = new();
 
@@ -150,18 +147,10 @@ private void SetDragRegionForCustomTitleBar(AppWindow appWindow)
 
             Windows.Graphics.RectInt32[] dragRects = dragRectsList.ToArray();
 
-            appWindow.TitleBar.SetDragRectangles(dragRects);
+            Window.AppWindow.TitleBar.SetDragRectangles(dragRects);
         }
     }
 
-
-    private AppWindow GetAppWindow()
-    {
-        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
-        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
-        return AppWindow.GetFromWindowId(wndId);
-    }
-
     [DllImport("Shcore.dll", SetLastError = true)]
     internal static extern int GetDpiForMonitor(IntPtr hmonitor, Monitor_DPI_Type dpiType, out uint dpiX, out uint dpiY);
 

From 571f33cad70ec8864be6ceaa111a016856d86d1b Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 7 Jul 2023 10:13:00 +0200
Subject: [PATCH 08/26] Improve reset

---
 components/TitleBar/src/TitleBar.UWP.cs   | 1 +
 components/TitleBar/src/TitleBar.WASDK.cs | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/components/TitleBar/src/TitleBar.UWP.cs b/components/TitleBar/src/TitleBar.UWP.cs
index 2464aaaae..ade6c7fd1 100644
--- a/components/TitleBar/src/TitleBar.UWP.cs
+++ b/components/TitleBar/src/TitleBar.UWP.cs
@@ -37,6 +37,7 @@ private void ResetUWPTitleBar()
     {
         CoreApplication.GetCurrentView().TitleBar.ExtendViewIntoTitleBar = false;
         Window.Current.Activated -= this.Current_Activated;
+        SizeChanged -= this.TitleBar_SizeChanged;
         CoreApplication.GetCurrentView().TitleBar.LayoutMetricsChanged -= this.TitleBar_LayoutMetricsChanged;
         Window.Current.SetTitleBar(null);
     }
diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index d2e7f68fa..b3005ca19 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -88,6 +88,9 @@ private void ResetWASDKTitleBar()
             // TO DO: Throw exception that window has not been set? 
         }
 
+        Window.AppWindow.TitleBar.ExtendsContentIntoTitleBar = false;
+        this.Window.Activated -= Window_Activated;
+        SizeChanged -= this.TitleBar_SizeChanged;
         Window.AppWindow.TitleBar.ResetToDefault();
     }
 

From 56fc9de502f76bbfd1aff3ef97b85952f39317cf Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Mon, 17 Jul 2023 17:59:52 +0200
Subject: [PATCH 09/26] Address feedback

---
 .../samples/TitleBarFullSample.xaml.cs        |  2 -
 components/TitleBar/src/NativeMethods.cs      | 44 +++++++++++
 .../TitleBar/src/TitleBar.Properties.cs       | 14 +++-
 components/TitleBar/src/TitleBar.UWP.cs       |  4 +-
 components/TitleBar/src/TitleBar.WASDK.cs     | 44 +----------
 components/TitleBar/src/TitleBar.cs           | 75 ++++++++++++++-----
 components/TitleBar/src/TitleBar.xaml         | 36 +++++++--
 7 files changed, 144 insertions(+), 75 deletions(-)
 create mode 100644 components/TitleBar/src/NativeMethods.cs

diff --git a/components/TitleBar/samples/TitleBarFullSample.xaml.cs b/components/TitleBar/samples/TitleBarFullSample.xaml.cs
index ac28f536c..f5c577293 100644
--- a/components/TitleBar/samples/TitleBarFullSample.xaml.cs
+++ b/components/TitleBar/samples/TitleBarFullSample.xaml.cs
@@ -7,8 +7,6 @@
 using Windows.ApplicationModel.Core;
 using Windows.UI.Core;
 using Windows.UI.ViewManagement;
-using Windows.UI.WindowManagement;
-using Windows.UI.Xaml.Hosting;
 #endif
 namespace TitleBarExperiment.Samples;
 
diff --git a/components/TitleBar/src/NativeMethods.cs b/components/TitleBar/src/NativeMethods.cs
new file mode 100644
index 000000000..c7928a82d
--- /dev/null
+++ b/components/TitleBar/src/NativeMethods.cs
@@ -0,0 +1,44 @@
+// Licensed to the .NET Foundation under one or more agreements.
+// The .NET Foundation licenses this file to you under the MIT license.
+// See the LICENSE file in the project root for more information.
+
+#if WINAPPSDK
+using System.Runtime.InteropServices;
+using WinRT.Interop;
+using Microsoft.UI;
+using Microsoft.UI.Windowing;
+
+namespace CommunityToolkit.WinUI.Controls;
+
+public partial class TitleBar : Control
+{
+    [DllImport("Shcore.dll", SetLastError = true)]
+    internal static extern int GetDpiForMonitor(IntPtr hmonitor, Monitor_DPI_Type dpiType, out uint dpiX, out uint dpiY);
+
+    internal enum Monitor_DPI_Type : int
+    {
+        MDT_Effective_DPI = 0,
+        MDT_Angular_DPI = 1,
+        MDT_Raw_DPI = 2,
+        MDT_Default = MDT_Effective_DPI
+    }
+
+    private double GetScaleAdjustment()
+    {
+        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
+        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
+        DisplayArea displayArea = DisplayArea.GetFromWindowId(wndId, DisplayAreaFallback.Primary);
+        IntPtr hMonitor = Win32Interop.GetMonitorFromDisplayId(displayArea.DisplayId);
+
+        // Get DPI.
+        int result = GetDpiForMonitor(hMonitor, Monitor_DPI_Type.MDT_Default, out uint dpiX, out uint _);
+        if (result != 0)
+        {
+            throw new Exception("Could not get DPI for monitor.");
+        }
+
+        uint scaleFactorPercent = (uint)(((long)dpiX * 100 + (96 >> 1)) / 96);
+        return scaleFactorPercent / 100.0;
+    }
+}
+#endif
diff --git a/components/TitleBar/src/TitleBar.Properties.cs b/components/TitleBar/src/TitleBar.Properties.cs
index 12e8ccf59..a47838f8b 100644
--- a/components/TitleBar/src/TitleBar.Properties.cs
+++ b/components/TitleBar/src/TitleBar.Properties.cs
@@ -24,12 +24,12 @@ public partial class TitleBar : Control
     /// <summary>
     /// The backing <see cref="DependencyProperty"/> for the <see cref="Content"/> property.
     /// </summary>
-    public static readonly DependencyProperty ContentProperty = DependencyProperty.Register(nameof(Content), typeof(object), typeof(TitleBar), new PropertyMetadata(null));
+    public static readonly DependencyProperty ContentProperty = DependencyProperty.Register(nameof(Content), typeof(object), typeof(TitleBar), new PropertyMetadata(null, ContentChanged));
 
     /// <summary>
     /// The backing <see cref="DependencyProperty"/> for the <see cref="Footer"/> property.
     /// </summary>
-    public static readonly DependencyProperty FooterProperty = DependencyProperty.Register(nameof(Footer), typeof(object), typeof(TitleBar), new PropertyMetadata(null));
+    public static readonly DependencyProperty FooterProperty = DependencyProperty.Register(nameof(Footer), typeof(object), typeof(TitleBar), new PropertyMetadata(null, FooterChanged));
 
     /// <summary>
     /// The backing <see cref="DependencyProperty"/> for the <see cref="IsBackButtonVisible"/> property.
@@ -190,6 +190,16 @@ private static void DisplayModeChanged(DependencyObject d, DependencyPropertyCha
         ((TitleBar)d).Update();
     }
 
+    private static void ContentChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        ((TitleBar)d).Update();
+    }
+
+    private static void FooterChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+    {
+        ((TitleBar)d).Update();
+    }
+
     private static void IconChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
     {
         ((TitleBar)d).Update();
diff --git a/components/TitleBar/src/TitleBar.UWP.cs b/components/TitleBar/src/TitleBar.UWP.cs
index ade6c7fd1..cbe14bf71 100644
--- a/components/TitleBar/src/TitleBar.UWP.cs
+++ b/components/TitleBar/src/TitleBar.UWP.cs
@@ -24,10 +24,10 @@ private void SetUWPTitleBar()
             CoreApplication.GetCurrentView().TitleBar.LayoutMetricsChanged += this.TitleBar_LayoutMetricsChanged;
             Window.Current.Activated -= this.Current_Activated;
             Window.Current.Activated += this.Current_Activated;
-       
+
             ApplicationView.GetForCurrentView().TitleBar.ButtonBackgroundColor = Colors.Transparent;
             ApplicationView.GetForCurrentView().TitleBar.ButtonInactiveBackgroundColor = Colors.Transparent;
-         
+
             PART_DragRegion = GetTemplateChild(nameof(PART_DragRegion)) as Grid;
             Window.Current.SetTitleBar(PART_DragRegion);
         }
diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 3d6252b9a..73d81ad5e 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -5,8 +5,6 @@
 #if WINAPPSDK
 using Microsoft.UI;
 using Microsoft.UI.Windowing;
-using System.Runtime.InteropServices;
-using WinRT.Interop;
 
 namespace CommunityToolkit.WinUI.Controls;
 
@@ -69,7 +67,6 @@ private void SetWASDKTitleBar()
             PART_LeftPaddingColumn!.Width = new GridLength(CaptionButtonOcclusionWidthLeft);
             PART_RightPaddingColumn!.Width = new GridLength(CaptionButtonOcclusionWidthRight);
 
-
             if (DisplayMode == DisplayMode.Tall)
             {
                 // Choose a tall title bar to provide more room for interactive elements 
@@ -116,12 +113,6 @@ private void ResetWASDKTitleBar()
         Window.AppWindow.TitleBar.ResetToDefault();
     }
 
-    private void UpdateRegionToSize()
-    {
-        // Update drag region if the size of the title bar changes.
-        SetDragRegionForCustomTitleBar();
-    }
-
     private void Window_Activated(object sender, WindowActivatedEventArgs args)
     {
         if (args.WindowActivationState == WindowActivationState.Deactivated)
@@ -136,12 +127,12 @@ private void Window_Activated(object sender, WindowActivatedEventArgs args)
 
     private void SetDragRegionForCustomTitleBar()
     {
-        if (Window != null)
+        if (AutoConfigureCustomTitleBar && Window != null && PART_RightPaddingColumn != null && PART_LeftPaddingColumn != null)
         {
             double scaleAdjustment = GetScaleAdjustment();
 
-            PART_RightPaddingColumn!.Width = new GridLength(Window.AppWindow.TitleBar.RightInset / scaleAdjustment);
-            PART_LeftPaddingColumn!.Width = new GridLength(Window.AppWindow.TitleBar.LeftInset / scaleAdjustment);
+            PART_RightPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.RightInset / scaleAdjustment);
+            PART_LeftPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.LeftInset / scaleAdjustment);
 
             List<Windows.Graphics.RectInt32> dragRectsList = new();
 
@@ -175,34 +166,5 @@ private void SetDragRegionForCustomTitleBar()
             Window.AppWindow.TitleBar.SetDragRectangles(dragRects);
         }
     }
-
-    [DllImport("Shcore.dll", SetLastError = true)]
-    internal static extern int GetDpiForMonitor(IntPtr hmonitor, Monitor_DPI_Type dpiType, out uint dpiX, out uint dpiY);
-
-    internal enum Monitor_DPI_Type : int
-    {
-        MDT_Effective_DPI = 0,
-        MDT_Angular_DPI = 1,
-        MDT_Raw_DPI = 2,
-        MDT_Default = MDT_Effective_DPI
-    }
-
-    private double GetScaleAdjustment()
-    {
-        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
-        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
-        DisplayArea displayArea = DisplayArea.GetFromWindowId(wndId, DisplayAreaFallback.Primary);
-        IntPtr hMonitor = Win32Interop.GetMonitorFromDisplayId(displayArea.DisplayId);
-
-        // Get DPI.
-        int result = GetDpiForMonitor(hMonitor, Monitor_DPI_Type.MDT_Default, out uint dpiX, out uint _);
-        if (result != 0)
-        {
-            throw new Exception("Could not get DPI for monitor.");
-        }
-
-        uint scaleFactorPercent = (uint)(((long)dpiX * 100 + (96 >> 1)) / 96);
-        return scaleFactorPercent / 100.0;
-    }
 }
 #endif
diff --git a/components/TitleBar/src/TitleBar.cs b/components/TitleBar/src/TitleBar.cs
index 20fb738f4..44dadc540 100644
--- a/components/TitleBar/src/TitleBar.cs
+++ b/components/TitleBar/src/TitleBar.cs
@@ -14,6 +14,10 @@ namespace CommunityToolkit.WinUI.Controls;
 [TemplateVisualState(Name = TallState, GroupName = DisplayModeStates)]
 [TemplateVisualState(Name = IconVisibleState, GroupName = IconStates)]
 [TemplateVisualState(Name = IconCollapsedState, GroupName = IconStates)]
+[TemplateVisualState(Name = ContentVisibleState, GroupName = ContentStates)]
+[TemplateVisualState(Name = ContentCollapsedState, GroupName = ContentStates)]
+[TemplateVisualState(Name = FooterVisibleState, GroupName = FooterStates)]
+[TemplateVisualState(Name = FooterCollapsedState, GroupName = FooterStates)]
 [TemplateVisualState(Name = WideState, GroupName = ReflowStates)]
 [TemplateVisualState(Name = NarrowState, GroupName = ReflowStates)]
 [TemplatePart(Name = PartBackButton, Type = typeof(Button))]
@@ -46,6 +50,14 @@ public partial class TitleBar : Control
     private const string TallState = "Tall";
     private const string DisplayModeStates = "DisplayModeStates";
 
+    private const string ContentVisibleState = "ContentVisible";
+    private const string ContentCollapsedState = "ContentCollapsed";
+    private const string ContentStates = "ContentStates";
+
+    private const string FooterVisibleState = "FooterVisible";
+    private const string FooterCollapsedState = "FooterCollapsed";
+    private const string FooterStates = "FooterStates";
+
     private const string WideState = "Wide";
     private const string NarrowState = "Narrow";
     private const string ReflowStates = "ReflowStates";
@@ -75,10 +87,10 @@ protected override void OnApplyTemplate()
             paneButton.Click += PaneButton_Click;
         }
 
-     
+
         SizeChanged -= this.TitleBar_SizeChanged;
         SizeChanged += this.TitleBar_SizeChanged;
-    
+
         Update();
         base.OnApplyTemplate();
     }
@@ -96,9 +108,9 @@ private void TitleBar_SizeChanged(object sender, SizeChangedEventArgs e)
         {
             VisualStateManager.GoToState(this, WideState, true);
         }
-        
+
 #if WINAPPSDK
-        UpdateRegionToSize();
+        SetDragRegionForCustomTitleBar();
 #endif
     }
 
@@ -112,6 +124,26 @@ private void PaneButton_Click(object sender, RoutedEventArgs e)
         PaneButtonClick?.Invoke(this, new RoutedEventArgs());
     }
 
+    private void Configure()
+    {
+#if WINDOWS_UWP && !HAS_UNO
+        SetUWPTitleBar();
+#endif
+#if WINAPPSDK
+    SetWASDKTitleBar();
+#endif
+    }
+
+    public void Reset()
+    {
+#if WINDOWS_UWP && !HAS_UNO
+        ResetUWPTitleBar();
+#endif
+#if WINAPPSDK
+        ResetWASDKTitleBar();
+#endif
+    }
+
     private void Update()
     {
         if (Icon != null)
@@ -122,6 +154,7 @@ private void Update()
         {
             VisualStateManager.GoToState(this, IconCollapsedState, true);
         }
+
         VisualStateManager.GoToState(this, IsBackButtonVisible ? BackButtonVisibleState : BackButtonCollapsedState, true);
         VisualStateManager.GoToState(this, IsPaneButtonVisible ? PaneButtonVisibleState : PaneButtonCollapsedState, true);
 
@@ -133,25 +166,27 @@ private void Update()
         {
             VisualStateManager.GoToState(this, StandardState, true);
         }
-    }
 
-    private void Configure()
-    {
-#if WINDOWS_UWP && !HAS_UNO
-        SetUWPTitleBar();
-#endif
-#if WINAPPSDK
-    SetWASDKTitleBar();
-#endif
-    }
+        if (Content != null)
+        {
+            VisualStateManager.GoToState(this, ContentVisibleState, true);
+        }
+        else
+        {
+            VisualStateManager.GoToState(this, ContentCollapsedState, true);
+        }
+
+        if (Footer != null)
+        {
+            VisualStateManager.GoToState(this, FooterVisibleState, true);
+        }
+        else
+        {
+            VisualStateManager.GoToState(this, FooterCollapsedState, true);
+        }
 
-    public void Reset()
-    {
-#if WINDOWS_UWP && !HAS_UNO
-        ResetUWPTitleBar();
-#endif
 #if WINAPPSDK
-        ResetWASDKTitleBar();
+        SetDragRegionForCustomTitleBar();
 #endif
     }
 }
diff --git a/components/TitleBar/src/TitleBar.xaml b/components/TitleBar/src/TitleBar.xaml
index 3f62f45fd..e8612a60f 100644
--- a/components/TitleBar/src/TitleBar.xaml
+++ b/components/TitleBar/src/TitleBar.xaml
@@ -7,6 +7,7 @@
 
     <x:Double x:Key="TitleBarCompactHeight">32</x:Double>
     <x:Double x:Key="TitleBarTallHeight">48</x:Double>
+    <x:Double x:Key="TitleBarContentMaxWidth">360</x:Double>
     <Style BasedOn="{StaticResource DefaultTitleBarStyle}"
            TargetType="local:TitleBar" />
 
@@ -31,11 +32,13 @@
                             <ColumnDefinition x:Name="PART_TitleColumn"
                                               Width="Auto" />
                             <ColumnDefinition x:Name="PART_LeftDragColumn"
-                                              Width="*" />
+                                              Width="*"
+                                              MinWidth="4" />
                             <ColumnDefinition x:Name="PART_ContentColumn"
                                               Width="Auto" />
                             <ColumnDefinition x:Name="PART_RightDragColumn"
-                                              Width="*" />
+                                              Width="*"
+                                              MinWidth="4" />
                             <ColumnDefinition x:Name="PART_FooterColumn"
                                               Width="Auto" />
                             <ColumnDefinition x:Name="PART_RightPaddingColumn"
@@ -68,6 +71,22 @@
                                     </VisualState.Setters>
                                 </VisualState>
                             </VisualStateGroup>
+                            <VisualStateGroup x:Name="ContentStates">
+                                <VisualState x:Name="ContentVisible" />
+                                <VisualState x:Name="ContentCollapsed">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_ContentPresenter.Visibility" Value="Collapsed" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
+                            <VisualStateGroup x:Name="FooterStates">
+                                <VisualState x:Name="FooterVisible" />
+                                <VisualState x:Name="FooterCollapsed">
+                                    <VisualState.Setters>
+                                        <Setter Target="PART_FooterPresenter.Visibility" Value="Collapsed" />
+                                    </VisualState.Setters>
+                                </VisualState>
+                            </VisualStateGroup>
                             <VisualStateGroup x:Name="ReflowStates">
                                 <VisualState x:Name="Wide" />
                                 <VisualState x:Name="Narrow">
@@ -75,8 +94,10 @@
                                         <Setter Target="PART_TitleHolder.Visibility" Value="Collapsed" />
                                         <Setter Target="PART_LeftDragColumn.Width" Value="Auto" />
                                         <Setter Target="PART_RightDragColumn.Width" Value="Auto" />
+                                        <Setter Target="PART_RightDragColumn.MinWidth" Value="16" />
+                                        <Setter Target="PART_LeftDragColumn.MinWidth" Value="16" />
                                         <Setter Target="PART_ContentColumn.Width" Value="*" />
-                                        <Setter Target="PART_ContentPresenter.Margin" Value="16,0,0,0" />
+                                        <!--  Content can stretch now  -->
                                         <Setter Target="PART_ContentPresenter.MinWidth" Value="0" />
                                     </VisualState.Setters>
                                 </VisualState>
@@ -140,8 +161,6 @@
                                        TextTrimming="CharacterEllipsis"
                                        TextWrapping="NoWrap" />
                         </StackPanel>
-
-
                         <Grid x:Name="PART_DragRegion"
                               Grid.Column="2"
                               Grid.ColumnSpan="6"
@@ -154,21 +173,22 @@
                                     ToolTipService.ToolTip="Back" />
                             <Button x:Name="PART_PaneButton"
                                     Style="{StaticResource TitleBarPaneToggleButtonStyle}"
-                                    ToolTipService.ToolTip="Back" />
+                                    ToolTipService.ToolTip="Toggle menu" />
                         </StackPanel>
 
                         <ContentPresenter x:Name="PART_ContentPresenter"
                                           Grid.Column="5"
                                           MinWidth="360"
-                                          Margin="4,0,4,0"
+                                          HorizontalAlignment="Stretch"
                                           VerticalAlignment="Center"
                                           HorizontalContentAlignment="Stretch"
                                           Content="{TemplateBinding Content}" />
-                        <ContentPresenter x:Name="PART_Footer"
+                        <ContentPresenter x:Name="PART_FooterPresenter"
                                           Grid.Column="7"
                                           Margin="4,0,8,0"
                                           HorizontalContentAlignment="Right"
                                           Content="{TemplateBinding Footer}" />
+
                     </Grid>
                 </ControlTemplate>
             </Setter.Value>

From 6b9887c533292d7b0697ca80f7713b337b8ec84f Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Mon, 17 Jul 2023 18:06:57 +0200
Subject: [PATCH 10/26] Update TitleBar.md

---
 components/TitleBar/samples/TitleBar.md | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/TitleBar/samples/TitleBar.md b/components/TitleBar/samples/TitleBar.md
index d293e4d47..e1419c287 100644
--- a/components/TitleBar/samples/TitleBar.md
+++ b/components/TitleBar/samples/TitleBar.md
@@ -12,8 +12,17 @@ issue-id: 0
 icon: assets/icon.png
 ---
 
-The `TitleBar` provides an easy way to display a modern titlebar experience. The control handles all the required APIs to extend content into the titlebar area and custom drag regions.
+The `TitleBar` provides an easy way to display a modern titlebar experience. The control handles all the required APIs to extend content into the titlebar area and set custom drag regions. The control is set up in a way that it handles the correct design guidelines while being flexible in what content to show.
 
 > [!Sample TitleBarConfigSample]
 
 > [!Sample TitleBarFullSample]
+
+## Using TitleBar in WASDK apps
+If `AutoConfigureCustomTitleBar` is enabled, the `TitleBar` will make the required code-behind changes to make your content extend into the titlebar area and setting the correct caption background brushes. However, launching the app might briefly show the standard titlebar. To overcome this, make sure you set the following code in the `OnLaunched` method (in `App.xaml.cs`) or wherever you create your window:
+
+`
+currentWindow.AppWindow.TitleBar.ExtendsContentIntoTitleBar = true;
+currentWindow.AppWindow.TitleBar.ButtonBackgroundColor = Microsoft.UI.Colors.Transparent;
+`
+

From 8c959e7e542d9d0d9cef84819008c81abaa0eaa5 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Mon, 17 Jul 2023 20:02:07 +0200
Subject: [PATCH 11/26] Fix CI

---
 .../TitleBar/samples/TitleBarFullSample.xaml  |  4 ++--
 .../samples/TitleBarFullSample.xaml.cs        |  5 +++-
 components/TitleBar/src/NativeMethods.cs      | 23 +------------------
 components/TitleBar/src/TitleBar.WASDK.cs     | 20 ++++++++++++++++
 4 files changed, 27 insertions(+), 25 deletions(-)

diff --git a/components/TitleBar/samples/TitleBarFullSample.xaml b/components/TitleBar/samples/TitleBarFullSample.xaml
index 38418d4b3..bec6c3a0e 100644
--- a/components/TitleBar/samples/TitleBarFullSample.xaml
+++ b/components/TitleBar/samples/TitleBarFullSample.xaml
@@ -1,4 +1,4 @@
-<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
+<!--  Licensed to the .NET Foundation under one or more agreements. The .NET Foundation licenses this file to you under the MIT license. See the LICENSE file in the project root for more information.  -->
 <Page x:Class="TitleBarExperiment.Samples.TitleBarFullSample"
       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
@@ -14,7 +14,7 @@
         <TextBlock Foreground="{ThemeResource TextFillColorSecondaryBrush}"
                    Text="Click the button below to see a full fledged window sample with TitleBar enabled" />
         <Button HorizontalAlignment="Center"
-                Click="Button_Click"
+                Click="LaunchSample_Click"
                 Content="Open new window" />
     </StackPanel>
 </Page>
diff --git a/components/TitleBar/samples/TitleBarFullSample.xaml.cs b/components/TitleBar/samples/TitleBarFullSample.xaml.cs
index f5c577293..8bede4933 100644
--- a/components/TitleBar/samples/TitleBarFullSample.xaml.cs
+++ b/components/TitleBar/samples/TitleBarFullSample.xaml.cs
@@ -18,7 +18,10 @@ public TitleBarFullSample()
         this.InitializeComponent();
     }
 
-    private async void Button_Click(object sender, RoutedEventArgs e)
+
+#pragma warning disable CS1998 // Async method lacks 'await' operators and will run synchronously
+    private async void LaunchSample_Click(object sender, RoutedEventArgs e)
+#pragma warning restore CS1998 // Async method lacks 'await' operators and will run synchronously
     {
 #if WINDOWS_UWP
         CoreApplicationView newView = CoreApplication.CreateNewView();
diff --git a/components/TitleBar/src/NativeMethods.cs b/components/TitleBar/src/NativeMethods.cs
index c7928a82d..4e8453266 100644
--- a/components/TitleBar/src/NativeMethods.cs
+++ b/components/TitleBar/src/NativeMethods.cs
@@ -4,13 +4,10 @@
 
 #if WINAPPSDK
 using System.Runtime.InteropServices;
-using WinRT.Interop;
-using Microsoft.UI;
-using Microsoft.UI.Windowing;
 
 namespace CommunityToolkit.WinUI.Controls;
 
-public partial class TitleBar : Control
+internal static class NativeMethods
 {
     [DllImport("Shcore.dll", SetLastError = true)]
     internal static extern int GetDpiForMonitor(IntPtr hmonitor, Monitor_DPI_Type dpiType, out uint dpiX, out uint dpiY);
@@ -22,23 +19,5 @@ internal enum Monitor_DPI_Type : int
         MDT_Raw_DPI = 2,
         MDT_Default = MDT_Effective_DPI
     }
-
-    private double GetScaleAdjustment()
-    {
-        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
-        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
-        DisplayArea displayArea = DisplayArea.GetFromWindowId(wndId, DisplayAreaFallback.Primary);
-        IntPtr hMonitor = Win32Interop.GetMonitorFromDisplayId(displayArea.DisplayId);
-
-        // Get DPI.
-        int result = GetDpiForMonitor(hMonitor, Monitor_DPI_Type.MDT_Default, out uint dpiX, out uint _);
-        if (result != 0)
-        {
-            throw new Exception("Could not get DPI for monitor.");
-        }
-
-        uint scaleFactorPercent = (uint)(((long)dpiX * 100 + (96 >> 1)) / 96);
-        return scaleFactorPercent / 100.0;
-    }
 }
 #endif
diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 73d81ad5e..8cfc881b5 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -5,6 +5,8 @@
 #if WINAPPSDK
 using Microsoft.UI;
 using Microsoft.UI.Windowing;
+using static CommunityToolkit.WinUI.Controls.NativeMethods;
+using WinRT.Interop;
 
 namespace CommunityToolkit.WinUI.Controls;
 
@@ -166,5 +168,23 @@ private void SetDragRegionForCustomTitleBar()
             Window.AppWindow.TitleBar.SetDragRectangles(dragRects);
         }
     }
+
+    private double GetScaleAdjustment()
+    {
+        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
+        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
+        DisplayArea displayArea = DisplayArea.GetFromWindowId(wndId, DisplayAreaFallback.Primary);
+        IntPtr hMonitor = Win32Interop.GetMonitorFromDisplayId(displayArea.DisplayId);
+
+        // Get DPI.
+        int result = GetDpiForMonitor(hMonitor, Monitor_DPI_Type.MDT_Default, out uint dpiX, out uint _);
+        if (result != 0)
+        {
+            throw new Exception("Could not get DPI for monitor.");
+        }
+
+        uint scaleFactorPercent = (uint)(((long)dpiX * 100 + (96 >> 1)) / 96);
+        return scaleFactorPercent / 100.0;
+    }
 }
 #endif

From 8e84104a15630ab937b2915803aa806cb0123f3a Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Sun, 5 Nov 2023 13:56:58 +0330
Subject: [PATCH 12/26] Fix PaneButton

---
 components/TitleBar/src/TitleBar.cs   | 25 +++++++++++++++++++++++++
 components/TitleBar/src/TitleBar.xaml |  2 +-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/components/TitleBar/src/TitleBar.cs b/components/TitleBar/src/TitleBar.cs
index 44dadc540..9db2c6144 100644
--- a/components/TitleBar/src/TitleBar.cs
+++ b/components/TitleBar/src/TitleBar.cs
@@ -24,6 +24,7 @@ namespace CommunityToolkit.WinUI.Controls;
 [TemplatePart(Name = PartPaneButton, Type = typeof(Button))]
 [TemplatePart(Name = nameof(PART_LeftPaddingColumn), Type = typeof(ColumnDefinition))]
 [TemplatePart(Name = nameof(PART_RightPaddingColumn), Type = typeof(ColumnDefinition))]
+[TemplatePart(Name = nameof(PART_ButtonHolder), Type = typeof(StackPanel))]
 
 public partial class TitleBar : Control
 {
@@ -64,6 +65,7 @@ public partial class TitleBar : Control
 
     ColumnDefinition? PART_LeftPaddingColumn;
     ColumnDefinition? PART_RightPaddingColumn;
+    StackPanel? PART_ButtonHolder;
 
     public TitleBar()
     {
@@ -75,6 +77,7 @@ protected override void OnApplyTemplate()
         PART_LeftPaddingColumn = GetTemplateChild(nameof(PART_LeftPaddingColumn)) as ColumnDefinition;
         PART_RightPaddingColumn = GetTemplateChild(nameof(PART_RightPaddingColumn)) as ColumnDefinition;
         Configure();
+        ConfigureButtonHolder();
         if (GetTemplateChild(PartBackButton) is Button backButton)
         {
             backButton.Click -= BackButton_Click;
@@ -124,6 +127,28 @@ private void PaneButton_Click(object sender, RoutedEventArgs e)
         PaneButtonClick?.Invoke(this, new RoutedEventArgs());
     }
 
+    private void ConfigureButtonHolder()
+    {
+        if (PART_ButtonHolder != null)
+        {
+            PART_ButtonHolder.SizeChanged -= PART_ButtonHolder_SizeChanged;
+        }
+
+        PART_ButtonHolder = GetTemplateChild(nameof(PART_ButtonHolder)) as StackPanel;
+
+        if(PART_ButtonHolder != null)
+        {
+            PART_ButtonHolder.SizeChanged += PART_ButtonHolder_SizeChanged;
+        }
+    }
+
+    private void PART_ButtonHolder_SizeChanged(object sender, SizeChangedEventArgs e)
+    {
+#if WINAPPSDK
+        SetDragRegionForCustomTitleBar();
+#endif
+    }
+
     private void Configure()
     {
 #if WINDOWS_UWP && !HAS_UNO
diff --git a/components/TitleBar/src/TitleBar.xaml b/components/TitleBar/src/TitleBar.xaml
index e8612a60f..a0fdf3f5e 100644
--- a/components/TitleBar/src/TitleBar.xaml
+++ b/components/TitleBar/src/TitleBar.xaml
@@ -165,7 +165,7 @@
                               Grid.Column="2"
                               Grid.ColumnSpan="6"
                               Background="Transparent" />
-                        <StackPanel x:Name="ButtonHolder"
+                        <StackPanel x:Name="PART_ButtonHolder"
                                     Grid.Column="1"
                                     Orientation="Horizontal">
                             <Button x:Name="PART_BackButton"

From 6bec3421725b7e2c94ba1487bd94a4899e2690f2 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Sun, 5 Nov 2023 14:10:03 +0330
Subject: [PATCH 13/26] Fix Drag regions

---
 components/TitleBar/src/TitleBar.WASDK.cs | 54 ++++++++++++-----------
 components/TitleBar/src/TitleBar.xaml     |  2 +-
 2 files changed, 29 insertions(+), 27 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 8cfc881b5..fac7a5009 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -18,6 +18,7 @@ namespace CommunityToolkit.WinUI.Controls;
 [TemplatePart(Name = nameof(PART_FooterColumn), Type = typeof(ColumnDefinition))]
 [TemplatePart(Name = nameof(PART_RightDragColumn), Type = typeof(ColumnDefinition))]
 [TemplatePart(Name = nameof(PART_TitleHolder), Type = typeof(StackPanel))]
+[TemplatePart(Name = nameof(PART_RootGrid), Type = typeof(Grid))]
 
 public partial class TitleBar : Control
 {
@@ -29,6 +30,7 @@ public partial class TitleBar : Control
     ColumnDefinition? PART_FooterColumn;
     ColumnDefinition? PART_RightDragColumn;
     StackPanel? PART_TitleHolder;
+    Grid? PART_RootGrid;
 
     private void SetWASDKTitleBar()
     {
@@ -62,6 +64,7 @@ private void SetWASDKTitleBar()
             PART_RightDragColumn = GetTemplateChild(nameof(PART_RightDragColumn)) as ColumnDefinition;
             PART_FooterColumn = GetTemplateChild(nameof(PART_FooterColumn)) as ColumnDefinition;
             PART_TitleHolder = GetTemplateChild(nameof(PART_TitleHolder)) as StackPanel;
+            PART_RootGrid = GetTemplateChild(nameof(PART_RootGrid)) as Grid;
 
             // Get caption button occlusion information.
             int CaptionButtonOcclusionWidthRight = Window.AppWindow.TitleBar.RightInset;
@@ -136,34 +139,33 @@ private void SetDragRegionForCustomTitleBar()
             PART_RightPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.RightInset / scaleAdjustment);
             PART_LeftPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.LeftInset / scaleAdjustment);
 
-            List<Windows.Graphics.RectInt32> dragRectsList = new();
-
-            Windows.Graphics.RectInt32 dragRectL;
-            dragRectL.X = (int)((PART_LeftPaddingColumn.ActualWidth
-                            + PART_ButtonsHolderColumn!.ActualWidth)
-                            * scaleAdjustment);
-            dragRectL.Y = 0;
-            dragRectL.Height = (int)(this.ActualHeight * scaleAdjustment);
-            dragRectL.Width = (int)((PART_IconColumn!.ActualWidth
-                                + PART_TitleColumn!.ActualWidth
-                                + PART_LeftDragColumn!.ActualWidth)
-                                * scaleAdjustment);
-            dragRectsList.Add(dragRectL);
-
-            Windows.Graphics.RectInt32 dragRectR;
-            dragRectR.X = (int)((PART_LeftPaddingColumn.ActualWidth
-                                + PART_IconColumn.ActualWidth
-                                + PART_ButtonsHolderColumn!.ActualWidth
-                                + PART_TitleHolder!.ActualWidth
-                                + PART_LeftDragColumn.ActualWidth
-                                + PART_ContentColumn!.ActualWidth)
+            var height = (int)(this.ActualHeight * scaleAdjustment);
+            Windows.Graphics.RectInt32 rect1 = new(0, 0, 0, height);
+            Windows.Graphics.RectInt32 rect2 = new(0, 0, 0, height);
+            Windows.Graphics.RectInt32 rect3 = new(0, 0, 0, height);
+            Windows.Graphics.RectInt32 rect4 = new(0, 0, 0, height);
+
+            rect1.X = 0;
+            rect1.Width = (int)((PART_RootGrid.Padding.Left
+                                + PART_LeftPaddingColumn.ActualWidth)
                                 * scaleAdjustment);
-            dragRectR.Y = 0;
-            dragRectR.Height = (int)(this.ActualHeight * scaleAdjustment);
-            dragRectR.Width = (int)(PART_RightDragColumn!.ActualWidth * scaleAdjustment);
-            dragRectsList.Add(dragRectR);
 
-            Windows.Graphics.RectInt32[] dragRects = dragRectsList.ToArray();
+            rect2.X = rect1.X + rect1.Width + (int)((PART_ButtonsHolderColumn.ActualWidth) * scaleAdjustment);
+            rect2.Width = (int)((PART_IconColumn.ActualWidth
+                                + PART_TitleColumn.ActualWidth
+                                + PART_LeftDragColumn.ActualWidth)
+                                * scaleAdjustment);
+            
+            rect3.X = rect2.X + rect2.Width + (int)(PART_ContentColumn.ActualWidth * scaleAdjustment);
+            rect3.Width = (int)(PART_RightDragColumn.ActualWidth * scaleAdjustment);
+
+            rect4.X = rect3.X + rect3.Width + (int)((PART_FooterColumn.ActualWidth
+                                                    + PART_RightPaddingColumn.ActualWidth
+                                                    + PART_RootGrid.Padding.Right)
+                                                    * scaleAdjustment);
+            rect4.Width = (int)(PART_RightPaddingColumn.ActualWidth * scaleAdjustment);
+ 
+            Windows.Graphics.RectInt32[] dragRects = new[] { rect1, rect2, rect3, rect4 };
 
             Window.AppWindow.TitleBar.SetDragRectangles(dragRects);
         }
diff --git a/components/TitleBar/src/TitleBar.xaml b/components/TitleBar/src/TitleBar.xaml
index a0fdf3f5e..f353bafbd 100644
--- a/components/TitleBar/src/TitleBar.xaml
+++ b/components/TitleBar/src/TitleBar.xaml
@@ -19,7 +19,7 @@
                 <ControlTemplate TargetType="local:TitleBar">
                     <Grid x:Name="PART_RootGrid"
                           Height="{TemplateBinding MinHeight}"
-                          Padding="4,0,4,0"
+                          Padding="4,0,0,0"
                           VerticalAlignment="Stretch"
                           Background="{TemplateBinding Background}">
                         <Grid.ColumnDefinitions>

From f74881996f5a77b51d541cc99f310969e68d4b44 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Sun, 5 Nov 2023 14:22:24 +0330
Subject: [PATCH 14/26] Remove WindowNative and use AppWindow.Id

---
 components/TitleBar/src/TitleBar.WASDK.cs | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index fac7a5009..43664bd90 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -6,7 +6,6 @@
 using Microsoft.UI;
 using Microsoft.UI.Windowing;
 using static CommunityToolkit.WinUI.Controls.NativeMethods;
-using WinRT.Interop;
 
 namespace CommunityToolkit.WinUI.Controls;
 
@@ -173,9 +172,7 @@ private void SetDragRegionForCustomTitleBar()
 
     private double GetScaleAdjustment()
     {
-        IntPtr hWnd = WindowNative.GetWindowHandle(this.Window);
-        WindowId wndId = Win32Interop.GetWindowIdFromWindow(hWnd);
-        DisplayArea displayArea = DisplayArea.GetFromWindowId(wndId, DisplayAreaFallback.Primary);
+        DisplayArea displayArea = DisplayArea.GetFromWindowId(this.Window.AppWindow.Id, DisplayAreaFallback.Primary);
         IntPtr hMonitor = Win32Interop.GetMonitorFromDisplayId(displayArea.DisplayId);
 
         // Get DPI.

From 4a7d5682059ea7143891ddd7d8cc52a5b248022f Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Mon, 6 Nov 2023 11:25:45 +0100
Subject: [PATCH 15/26] Update components/TitleBar/samples/TitleBar.md

Co-authored-by: Jay <65828559+Jay-o-Way@users.noreply.github.com>
---
 components/TitleBar/samples/TitleBar.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/TitleBar/samples/TitleBar.md b/components/TitleBar/samples/TitleBar.md
index e1419c287..b7ef40dd6 100644
--- a/components/TitleBar/samples/TitleBar.md
+++ b/components/TitleBar/samples/TitleBar.md
@@ -21,7 +21,7 @@ The `TitleBar` provides an easy way to display a modern titlebar experience. The
 ## Using TitleBar in WASDK apps
 If `AutoConfigureCustomTitleBar` is enabled, the `TitleBar` will make the required code-behind changes to make your content extend into the titlebar area and setting the correct caption background brushes. However, launching the app might briefly show the standard titlebar. To overcome this, make sure you set the following code in the `OnLaunched` method (in `App.xaml.cs`) or wherever you create your window:
 
-`
+```CS
 currentWindow.AppWindow.TitleBar.ExtendsContentIntoTitleBar = true;
 currentWindow.AppWindow.TitleBar.ButtonBackgroundColor = Microsoft.UI.Colors.Transparent;
 `

From e19de6e0f16d48769887a5b196326d4169f23824 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Mon, 6 Nov 2023 22:52:15 +0330
Subject: [PATCH 16/26] Fix TitleBar Drag Region

---
 components/TitleBar/src/TitleBar.WASDK.cs | 8 ++++++++
 components/TitleBar/src/TitleBar.cs       | 7 ++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 43664bd90..9f1de9167 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -42,6 +42,8 @@ private void SetWASDKTitleBar()
         {
             Window.AppWindow.TitleBar.ExtendsContentIntoTitleBar = true;
 
+            this.Window.SizeChanged -= Window_SizeChanged;
+            this.Window.SizeChanged += Window_SizeChanged;
             this.Window.Activated -= Window_Activated;
             this.Window.Activated += Window_Activated;
 
@@ -87,6 +89,11 @@ private void SetWASDKTitleBar()
         }
     }
 
+    private void Window_SizeChanged(object sender, WindowSizeChangedEventArgs args)
+    {
+        UpdateVisualStateAndDragRegion(args.Size);
+    }
+
     private void UpdateCaptionButtons(FrameworkElement rootElement)
     {
         Window.AppWindow.TitleBar.ButtonBackgroundColor = Colors.Transparent;
@@ -112,6 +119,7 @@ private void ResetWASDKTitleBar()
         }
 
         Window.AppWindow.TitleBar.ExtendsContentIntoTitleBar = false;
+        this.Window.SizeChanged -= Window_SizeChanged;
         this.Window.Activated -= Window_Activated;
         SizeChanged -= this.TitleBar_SizeChanged;
         Window.AppWindow.TitleBar.ResetToDefault();
diff --git a/components/TitleBar/src/TitleBar.cs b/components/TitleBar/src/TitleBar.cs
index 9db2c6144..f96e64aa3 100644
--- a/components/TitleBar/src/TitleBar.cs
+++ b/components/TitleBar/src/TitleBar.cs
@@ -100,7 +100,12 @@ protected override void OnApplyTemplate()
 
     private void TitleBar_SizeChanged(object sender, SizeChangedEventArgs e)
     {
-        if (e.NewSize.Width <= CompactStateBreakpoint)
+        UpdateVisualStateAndDragRegion(e.NewSize);
+    }
+
+    private void UpdateVisualStateAndDragRegion(Windows.Foundation.Size size)
+    {
+        if (size.Width <= CompactStateBreakpoint)
         {
             if (Content != null || Footer != null)
             {

From c8ba80cb70a699d4e98b36a3b5d8bd9579ce6d10 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Sat, 11 Nov 2023 15:22:28 +0330
Subject: [PATCH 17/26] Use WASDK v1.4 new Custom TitleBar API and Simplify
 Calculating Rects

---
 components/TitleBar/src/NativeMethods.cs  | 23 ------
 components/TitleBar/src/TitleBar.WASDK.cs | 88 +++++++++++------------
 components/TitleBar/src/TitleBar.cs       |  2 +-
 3 files changed, 43 insertions(+), 70 deletions(-)
 delete mode 100644 components/TitleBar/src/NativeMethods.cs

diff --git a/components/TitleBar/src/NativeMethods.cs b/components/TitleBar/src/NativeMethods.cs
deleted file mode 100644
index 4e8453266..000000000
--- a/components/TitleBar/src/NativeMethods.cs
+++ /dev/null
@@ -1,23 +0,0 @@
-// Licensed to the .NET Foundation under one or more agreements.
-// The .NET Foundation licenses this file to you under the MIT license.
-// See the LICENSE file in the project root for more information.
-
-#if WINAPPSDK
-using System.Runtime.InteropServices;
-
-namespace CommunityToolkit.WinUI.Controls;
-
-internal static class NativeMethods
-{
-    [DllImport("Shcore.dll", SetLastError = true)]
-    internal static extern int GetDpiForMonitor(IntPtr hmonitor, Monitor_DPI_Type dpiType, out uint dpiX, out uint dpiY);
-
-    internal enum Monitor_DPI_Type : int
-    {
-        MDT_Effective_DPI = 0,
-        MDT_Angular_DPI = 1,
-        MDT_Raw_DPI = 2,
-        MDT_Default = MDT_Effective_DPI
-    }
-}
-#endif
diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 9f1de9167..0f0264197 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -4,8 +4,9 @@
 
 #if WINAPPSDK
 using Microsoft.UI;
+using Microsoft.UI.Input;
 using Microsoft.UI.Windowing;
-using static CommunityToolkit.WinUI.Controls.NativeMethods;
+using Microsoft.UI.Xaml.Media;
 
 namespace CommunityToolkit.WinUI.Controls;
 
@@ -18,6 +19,8 @@ namespace CommunityToolkit.WinUI.Controls;
 [TemplatePart(Name = nameof(PART_RightDragColumn), Type = typeof(ColumnDefinition))]
 [TemplatePart(Name = nameof(PART_TitleHolder), Type = typeof(StackPanel))]
 [TemplatePart(Name = nameof(PART_RootGrid), Type = typeof(Grid))]
+[TemplatePart(Name = nameof(PART_FooterPresenter), Type = typeof(ContentPresenter))]
+[TemplatePart(Name = nameof(PART_ContentPresenter), Type = typeof(ContentPresenter))]
 
 public partial class TitleBar : Control
 {
@@ -30,6 +33,8 @@ public partial class TitleBar : Control
     ColumnDefinition? PART_RightDragColumn;
     StackPanel? PART_TitleHolder;
     Grid? PART_RootGrid;
+    ContentPresenter? PART_ContentPresenter;
+    ContentPresenter? PART_FooterPresenter;
 
     private void SetWASDKTitleBar()
     {
@@ -66,6 +71,8 @@ private void SetWASDKTitleBar()
             PART_FooterColumn = GetTemplateChild(nameof(PART_FooterColumn)) as ColumnDefinition;
             PART_TitleHolder = GetTemplateChild(nameof(PART_TitleHolder)) as StackPanel;
             PART_RootGrid = GetTemplateChild(nameof(PART_RootGrid)) as Grid;
+            PART_ContentPresenter = GetTemplateChild(nameof(PART_ContentPresenter)) as ContentPresenter;
+            PART_FooterPresenter = GetTemplateChild(nameof(PART_FooterPresenter)) as ContentPresenter;
 
             // Get caption button occlusion information.
             int CaptionButtonOcclusionWidthRight = Window.AppWindow.TitleBar.RightInset;
@@ -137,61 +144,50 @@ private void Window_Activated(object sender, WindowActivatedEventArgs args)
         }
     }
 
-    private void SetDragRegionForCustomTitleBar()
+    public void SetDragRegionForCustomTitleBar()
     {
-        if (AutoConfigureCustomTitleBar && Window != null && PART_RightPaddingColumn != null && PART_LeftPaddingColumn != null)
+        if (AutoConfigureCustomTitleBar && Window != null)
         {
-            double scaleAdjustment = GetScaleAdjustment();
-
-            PART_RightPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.RightInset / scaleAdjustment);
-            PART_LeftPaddingColumn.Width = new GridLength(Window.AppWindow.TitleBar.LeftInset / scaleAdjustment);
-
-            var height = (int)(this.ActualHeight * scaleAdjustment);
-            Windows.Graphics.RectInt32 rect1 = new(0, 0, 0, height);
-            Windows.Graphics.RectInt32 rect2 = new(0, 0, 0, height);
-            Windows.Graphics.RectInt32 rect3 = new(0, 0, 0, height);
-            Windows.Graphics.RectInt32 rect4 = new(0, 0, 0, height);
-
-            rect1.X = 0;
-            rect1.Width = (int)((PART_RootGrid.Padding.Left
-                                + PART_LeftPaddingColumn.ActualWidth)
-                                * scaleAdjustment);
-
-            rect2.X = rect1.X + rect1.Width + (int)((PART_ButtonsHolderColumn.ActualWidth) * scaleAdjustment);
-            rect2.Width = (int)((PART_IconColumn.ActualWidth
-                                + PART_TitleColumn.ActualWidth
-                                + PART_LeftDragColumn.ActualWidth)
-                                * scaleAdjustment);
-            
-            rect3.X = rect2.X + rect2.Width + (int)(PART_ContentColumn.ActualWidth * scaleAdjustment);
-            rect3.Width = (int)(PART_RightDragColumn.ActualWidth * scaleAdjustment);
-
-            rect4.X = rect3.X + rect3.Width + (int)((PART_FooterColumn.ActualWidth
-                                                    + PART_RightPaddingColumn.ActualWidth
-                                                    + PART_RootGrid.Padding.Right)
-                                                    * scaleAdjustment);
-            rect4.Width = (int)(PART_RightPaddingColumn.ActualWidth * scaleAdjustment);
- 
-            Windows.Graphics.RectInt32[] dragRects = new[] { rect1, rect2, rect3, rect4 };
-
-            Window.AppWindow.TitleBar.SetDragRectangles(dragRects);
+            ClearDragRegions(NonClientRegionKind.Passthrough);
+            SetDragRegion(NonClientRegionKind.Passthrough, PART_ContentPresenter, PART_FooterPresenter, PART_ButtonHolder);
         }
     }
 
-    private double GetScaleAdjustment()
+    public double GetRasterizationScaleForElement(UIElement element)
     {
-        DisplayArea displayArea = DisplayArea.GetFromWindowId(this.Window.AppWindow.Id, DisplayAreaFallback.Primary);
-        IntPtr hMonitor = Win32Interop.GetMonitorFromDisplayId(displayArea.DisplayId);
+        if (element.XamlRoot != null)
+        {
+            return element.XamlRoot.RasterizationScale;
+        }
+        return 0.0;
+    }
 
-        // Get DPI.
-        int result = GetDpiForMonitor(hMonitor, Monitor_DPI_Type.MDT_Default, out uint dpiX, out uint _);
-        if (result != 0)
+    public void SetDragRegion(NonClientRegionKind nonClientRegionKind, params FrameworkElement[] frameworkElements)
+    {
+        var nonClientInputSrc = InputNonClientPointerSource.GetForWindowId(Window.AppWindow.Id);
+        List<Windows.Graphics.RectInt32> rects = new List<Windows.Graphics.RectInt32>();
+
+        foreach (var frameworkElement in frameworkElements)
         {
-            throw new Exception("Could not get DPI for monitor.");
+            GeneralTransform transformElement = frameworkElement.TransformToVisual(null);
+            Windows.Foundation.Rect bounds = transformElement.TransformBounds(new Windows.Foundation.Rect(0, 0, frameworkElement.ActualWidth, frameworkElement.ActualHeight));
+            var scale = GetRasterizationScaleForElement(this);
+            var transparentRect = new Windows.Graphics.RectInt32(
+                _X: (int)Math.Round(bounds.X * scale),
+                _Y: (int)Math.Round(bounds.Y * scale),
+                _Width: (int)Math.Round(bounds.Width * scale),
+                _Height: (int)Math.Round(bounds.Height * scale)
+            );
+            rects.Add(transparentRect);
         }
+        
+        nonClientInputSrc.SetRegionRects(nonClientRegionKind, rects.ToArray());
+    }
 
-        uint scaleFactorPercent = (uint)(((long)dpiX * 100 + (96 >> 1)) / 96);
-        return scaleFactorPercent / 100.0;
+    public void ClearDragRegions(NonClientRegionKind nonClientRegionKind)
+    {
+        var noninputsrc = InputNonClientPointerSource.GetForWindowId(Window.AppWindow.Id);
+        noninputsrc.ClearRegionRects(nonClientRegionKind);
     }
 }
 #endif
diff --git a/components/TitleBar/src/TitleBar.cs b/components/TitleBar/src/TitleBar.cs
index f96e64aa3..7b8fe5e5a 100644
--- a/components/TitleBar/src/TitleBar.cs
+++ b/components/TitleBar/src/TitleBar.cs
@@ -76,8 +76,8 @@ protected override void OnApplyTemplate()
     {
         PART_LeftPaddingColumn = GetTemplateChild(nameof(PART_LeftPaddingColumn)) as ColumnDefinition;
         PART_RightPaddingColumn = GetTemplateChild(nameof(PART_RightPaddingColumn)) as ColumnDefinition;
-        Configure();
         ConfigureButtonHolder();
+        Configure();
         if (GetTemplateChild(PartBackButton) is Button backButton)
         {
             backButton.Click -= BackButton_Click;

From 27f440a4d595000b2f21b42ba276c5a272cbfbfe Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Sat, 11 Nov 2023 15:32:22 +0330
Subject: [PATCH 18/26] Remove unused Codes

---
 components/TitleBar/src/TitleBar.WASDK.cs | 28 -----------------------
 1 file changed, 28 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 0f0264197..cf648b31c 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -10,29 +10,11 @@
 
 namespace CommunityToolkit.WinUI.Controls;
 
-[TemplatePart(Name = nameof(PART_ButtonsHolderColumn), Type = typeof(ColumnDefinition))]
-[TemplatePart(Name = nameof(PART_IconColumn), Type = typeof(ColumnDefinition))]
-[TemplatePart(Name = nameof(PART_TitleColumn), Type = typeof(ColumnDefinition))]
-[TemplatePart(Name = nameof(PART_LeftDragColumn), Type = typeof(ColumnDefinition))]
-[TemplatePart(Name = nameof(PART_ContentColumn), Type = typeof(ColumnDefinition))]
-[TemplatePart(Name = nameof(PART_FooterColumn), Type = typeof(ColumnDefinition))]
-[TemplatePart(Name = nameof(PART_RightDragColumn), Type = typeof(ColumnDefinition))]
-[TemplatePart(Name = nameof(PART_TitleHolder), Type = typeof(StackPanel))]
-[TemplatePart(Name = nameof(PART_RootGrid), Type = typeof(Grid))]
 [TemplatePart(Name = nameof(PART_FooterPresenter), Type = typeof(ContentPresenter))]
 [TemplatePart(Name = nameof(PART_ContentPresenter), Type = typeof(ContentPresenter))]
 
 public partial class TitleBar : Control
 {
-    ColumnDefinition? PART_ButtonsHolderColumn;
-    ColumnDefinition? PART_IconColumn;
-    ColumnDefinition? PART_TitleColumn;
-    ColumnDefinition? PART_LeftDragColumn;
-    ColumnDefinition? PART_ContentColumn;
-    ColumnDefinition? PART_FooterColumn;
-    ColumnDefinition? PART_RightDragColumn;
-    StackPanel? PART_TitleHolder;
-    Grid? PART_RootGrid;
     ContentPresenter? PART_ContentPresenter;
     ContentPresenter? PART_FooterPresenter;
 
@@ -61,16 +43,6 @@ private void SetWASDKTitleBar()
                 };
             }
 
-            // Set the width of padding columns in the UI.
-            PART_ButtonsHolderColumn = GetTemplateChild(nameof(PART_ButtonsHolderColumn)) as ColumnDefinition;
-            PART_IconColumn = GetTemplateChild(nameof(PART_IconColumn)) as ColumnDefinition;
-            PART_TitleColumn = GetTemplateChild(nameof(PART_TitleColumn)) as ColumnDefinition;
-            PART_LeftDragColumn = GetTemplateChild(nameof(PART_LeftDragColumn)) as ColumnDefinition;
-            PART_ContentColumn = GetTemplateChild(nameof(PART_ContentColumn)) as ColumnDefinition;
-            PART_RightDragColumn = GetTemplateChild(nameof(PART_RightDragColumn)) as ColumnDefinition;
-            PART_FooterColumn = GetTemplateChild(nameof(PART_FooterColumn)) as ColumnDefinition;
-            PART_TitleHolder = GetTemplateChild(nameof(PART_TitleHolder)) as StackPanel;
-            PART_RootGrid = GetTemplateChild(nameof(PART_RootGrid)) as Grid;
             PART_ContentPresenter = GetTemplateChild(nameof(PART_ContentPresenter)) as ContentPresenter;
             PART_FooterPresenter = GetTemplateChild(nameof(PART_FooterPresenter)) as ContentPresenter;
 

From abe0fe3cf785b3ac90cc17f6befd5b22eaee4806 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Sat, 11 Nov 2023 21:24:32 +0330
Subject: [PATCH 19/26] Move GetRasterizationScaleForElement out of loop

---
 components/TitleBar/src/TitleBar.WASDK.cs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index cf648b31c..f1caf3479 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -138,12 +138,12 @@ public void SetDragRegion(NonClientRegionKind nonClientRegionKind, params Framew
     {
         var nonClientInputSrc = InputNonClientPointerSource.GetForWindowId(Window.AppWindow.Id);
         List<Windows.Graphics.RectInt32> rects = new List<Windows.Graphics.RectInt32>();
-
+        var scale = GetRasterizationScaleForElement(this);
+        
         foreach (var frameworkElement in frameworkElements)
         {
             GeneralTransform transformElement = frameworkElement.TransformToVisual(null);
             Windows.Foundation.Rect bounds = transformElement.TransformBounds(new Windows.Foundation.Rect(0, 0, frameworkElement.ActualWidth, frameworkElement.ActualHeight));
-            var scale = GetRasterizationScaleForElement(this);
             var transparentRect = new Windows.Graphics.RectInt32(
                 _X: (int)Math.Round(bounds.X * scale),
                 _Y: (int)Math.Round(bounds.Y * scale),

From c0e54a6e9385dde0e91f43829d2c8fbbf0eaddf6 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Mon, 13 Nov 2023 23:11:04 +0330
Subject: [PATCH 20/26] Add ContextMenu Support

---
 components/TitleBar/src/InfoHelper.cs     | 34 +++++++++
 components/TitleBar/src/NativeMethods.cs  | 84 +++++++++++++++++++++++
 components/TitleBar/src/TitleBar.WASDK.cs | 73 ++++++++++++++++++++
 components/TitleBar/src/WndProcHelper.cs  | 49 +++++++++++++
 4 files changed, 240 insertions(+)
 create mode 100644 components/TitleBar/src/InfoHelper.cs
 create mode 100644 components/TitleBar/src/NativeMethods.cs
 create mode 100644 components/TitleBar/src/WndProcHelper.cs

diff --git a/components/TitleBar/src/InfoHelper.cs b/components/TitleBar/src/InfoHelper.cs
new file mode 100644
index 000000000..82697e956
--- /dev/null
+++ b/components/TitleBar/src/InfoHelper.cs
@@ -0,0 +1,34 @@
+using Windows.ApplicationModel;
+using Windows.Storage;
+using Windows.System.Profile;
+
+namespace CommunityToolkit.WinUI.Controls;
+internal static class InfoHelper
+{
+    public static Version AppVersion { get; } = new Version(
+        Package.Current.Id.Version.Major,
+        Package.Current.Id.Version.Minor,
+        Package.Current.Id.Version.Build,
+        Package.Current.Id.Version.Revision
+        );
+
+    public static Version SystemVersion { get; }
+
+    public static SystemDataPaths SystemDataPath { get; } = SystemDataPaths.GetDefault();
+
+    public static UserDataPaths UserDataPath { get; } = UserDataPaths.GetDefault();
+
+    public static string AppInstalledLocation { get; } = Package.Current.InstalledLocation.Path;
+
+    static InfoHelper()
+    {
+        string systemVersion = AnalyticsInfo.VersionInfo.DeviceFamilyVersion;
+        ulong version = ulong.Parse(systemVersion);
+        SystemVersion = new Version(
+            (int)((version & 0xFFFF000000000000L) >> 48),
+            (int)((version & 0x0000FFFF00000000L) >> 32),
+            (int)((version & 0x00000000FFFF0000L) >> 16),
+            (int)(version & 0x000000000000FFFFL)
+            );
+    }
+}
diff --git a/components/TitleBar/src/NativeMethods.cs b/components/TitleBar/src/NativeMethods.cs
new file mode 100644
index 000000000..290ef1429
--- /dev/null
+++ b/components/TitleBar/src/NativeMethods.cs
@@ -0,0 +1,84 @@
+using System.Runtime.InteropServices;
+
+namespace CommunityToolkit.WinUI.Controls;
+internal static class NativeMethods
+{
+    public enum WindowMessage : int
+    {
+        WM_NCLBUTTONDOWN = 0x00A1,
+        WM_NCRBUTTONDOWN = 0x00A4,
+        WM_SYSCOMMAND = 0x0112,
+        WM_SYSMENU = 0x0313,
+        WM_GETMINMAXINFO = 0x0024
+    }
+    [Flags]
+    public enum WindowStyle : uint
+    {
+        WS_SYSMENU = 0x80000
+    }
+
+    [Flags]
+    public enum WindowLongIndexFlags : int
+    {
+        GWL_WNDPROC = -4,
+        GWL_STYLE = -16
+    }
+
+    [Flags]
+    public enum SetWindowPosFlags : uint
+    {
+        /// <summary>
+        ///     Retains the current position (ignores X and Y parameters).
+        /// </summary>
+        SWP_NOMOVE = 0x0002
+    }
+
+    public enum SystemCommand
+    {
+        SC_MOUSEMENU = 0xF090,
+        SC_KEYMENU = 0xF100
+    }
+
+    [DllImport("user32.dll", EntryPoint = "GetWindowLongW", SetLastError = false)]
+    public static extern int GetWindowLong(IntPtr hWnd, int nIndex);
+
+    [DllImport("user32.dll", EntryPoint = "GetWindowLongPtrW", SetLastError = false)]
+    public static extern int GetWindowLongPtr(IntPtr hWnd, int nIndex);
+
+    public static int GetWindowLongAuto(IntPtr hWnd, int nIndex)
+    {
+        if (IntPtr.Size is 8)
+        {
+            return GetWindowLongPtr(hWnd, nIndex);
+        }
+        else
+        {
+            return GetWindowLong(hWnd, nIndex);
+        }
+    }
+
+    [DllImport("user32.dll", EntryPoint = "FindWindowExW", SetLastError = true, CharSet = CharSet.Unicode)]
+    public static extern IntPtr FindWindowEx(IntPtr hWndParent, IntPtr hWndChildAfter, string lpszClass, string lpszWindow);
+
+
+    [DllImport("user32.dll", EntryPoint = "SetWindowLongW", SetLastError = false)]
+    public static extern IntPtr SetWindowLong(IntPtr hWnd, int nIndex, IntPtr dwNewLong);
+
+    [DllImport("user32.dll", EntryPoint = "SetWindowLongPtrW", SetLastError = false)]
+    public static extern IntPtr SetWindowLongPtr(IntPtr hWnd, int nIndex, IntPtr dwNewLong);
+
+    public static IntPtr SetWindowLongAuto(IntPtr hWnd, int nIndex, IntPtr dwNewLong)
+    {
+        if (IntPtr.Size is 8)
+        {
+            return SetWindowLongPtr(hWnd, nIndex, dwNewLong);
+        }
+        else
+        {
+            return SetWindowLong(hWnd, nIndex, dwNewLong);
+        }
+    }
+
+    [DllImport("user32.dll")]
+    public static extern IntPtr CallWindowProc(IntPtr lpPrevWndFunc, IntPtr hWnd, WindowMessage Msg, IntPtr wParam, IntPtr lParam);
+}
diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index f1caf3479..044b87176 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -15,6 +15,8 @@ namespace CommunityToolkit.WinUI.Controls;
 
 public partial class TitleBar : Control
 {
+    WndProcHelper WndProcHelper;
+    MenuFlyout MenuFlyout;
     ContentPresenter? PART_ContentPresenter;
     ContentPresenter? PART_FooterPresenter;
 
@@ -29,6 +31,14 @@ private void SetWASDKTitleBar()
         {
             Window.AppWindow.TitleBar.ExtendsContentIntoTitleBar = true;
 
+            if (this.ContextFlyout != null && this.ContextFlyout is MenuFlyout menuFlyout)
+            {
+                this.MenuFlyout = menuFlyout;
+                WndProcHelper = new WndProcHelper(this.Window);
+                WndProcHelper.RegisterWndProc(WindowWndProc);
+                WndProcHelper.RegisterInputNonClientPointerSourceWndProc(InputNonClientPointerSourceWndProc);
+            }
+
             this.Window.SizeChanged -= Window_SizeChanged;
             this.Window.SizeChanged += Window_SizeChanged;
             this.Window.Activated -= Window_Activated;
@@ -161,5 +171,68 @@ public void ClearDragRegions(NonClientRegionKind nonClientRegionKind)
         var noninputsrc = InputNonClientPointerSource.GetForWindowId(Window.AppWindow.Id);
         noninputsrc.ClearRegionRects(nonClientRegionKind);
     }
+
+    private IntPtr InputNonClientPointerSourceWndProc(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPtr wParam, IntPtr lParam)
+    {
+        switch (Msg)
+        {
+            case NativeMethods.WindowMessage.WM_NCLBUTTONDOWN:
+                {
+                    if (MenuFlyout.IsOpen)
+                    {
+                        MenuFlyout.Hide();
+                    }
+                    break;
+                }
+            case NativeMethods.WindowMessage.WM_NCRBUTTONDOWN:
+                {
+                    PointInt32 pt = new PointInt32(lParam.ToInt32() & 0xFFFF, lParam.ToInt32() >> 16);
+                    FlyoutShowOptions options = new FlyoutShowOptions();
+                    options.ShowMode = FlyoutShowMode.Standard;
+                    options.Position = InfoHelper.SystemVersion.Build >= 22000 ?
+                    new Windows.Foundation.Point((pt.X - this.Window.AppWindow.Position.X - 8) / XamlRoot.RasterizationScale, (pt.Y - this.Window.AppWindow.Position.Y) / XamlRoot.RasterizationScale) :
+                    new Windows.Foundation.Point(pt.X - this.Window.AppWindow.Position.X - 8, pt.Y - this.Window.AppWindow.Position.Y);
+
+                    MenuFlyout.ShowAt(this, options);
+                    return (IntPtr)0;
+                }
+        }
+        return WndProcHelper.CallInputNonClientPointerSourceWindowProc(hWnd, Msg, wParam, lParam);
+    }
+
+    private IntPtr WindowWndProc(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPtr wParam, IntPtr lParam)
+    {
+        switch (Msg)
+        {
+            case NativeMethods.WindowMessage.WM_SYSMENU:
+            {
+                return (IntPtr)0;
+            }
+
+            case NativeMethods.WindowMessage.WM_SYSCOMMAND:
+            {
+                NativeMethods.SystemCommand sysCommand = (NativeMethods.SystemCommand)(wParam.ToInt32() & 0xFFF0);
+
+                if (sysCommand is NativeMethods.SystemCommand.SC_MOUSEMENU)
+                {
+                    FlyoutShowOptions options = new FlyoutShowOptions();
+                    options.Position = new Windows.Foundation.Point(0, 15);
+                    options.ShowMode = FlyoutShowMode.Standard;
+                    MenuFlyout.ShowAt(null, options);
+                    return (IntPtr)0;
+                }
+                else if (sysCommand is NativeMethods.SystemCommand.SC_KEYMENU)
+                {
+                    FlyoutShowOptions options = new FlyoutShowOptions();
+                    options.Position = new Windows.Foundation.Point(0, 45);
+                    options.ShowMode = FlyoutShowMode.Standard;
+                    MenuFlyout.ShowAt(null, options);
+                    return (IntPtr)0;
+                }
+                break;
+            }
+        }
+        return WndProcHelper.CallWindowProc(hWnd, Msg, wParam, lParam);
+    }
 }
 #endif
diff --git a/components/TitleBar/src/WndProcHelper.cs b/components/TitleBar/src/WndProcHelper.cs
new file mode 100644
index 000000000..54ee894ab
--- /dev/null
+++ b/components/TitleBar/src/WndProcHelper.cs
@@ -0,0 +1,49 @@
+using System.Runtime.InteropServices;
+using WinRT.Interop;
+
+namespace CommunityToolkit.WinUI.Controls;
+internal class WndProcHelper
+{
+    public delegate IntPtr WNDPROC(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPtr wParam, IntPtr lParam);
+
+    private IntPtr Handle { get; set; }
+    private WNDPROC newMainWindowWndProc = null;
+    private IntPtr oldMainWindowWndProc = IntPtr.Zero;
+
+    private WNDPROC newInputNonClientPointerSourceWndProc = null;
+    private IntPtr oldInputNonClientPointerSourceWndProc = IntPtr.Zero;
+
+    public WndProcHelper(Window window)
+    {
+        Handle = WindowNative.GetWindowHandle(window);
+    }
+
+    public IntPtr CallWindowProc(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPtr wParam, IntPtr lParam)
+    {
+        return NativeMethods.CallWindowProc(oldMainWindowWndProc, hWnd, Msg, wParam, lParam);
+    }
+
+    public IntPtr CallInputNonClientPointerSourceWindowProc(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPtr wParam, IntPtr lParam)
+    {
+        return NativeMethods.CallWindowProc(oldInputNonClientPointerSourceWndProc, hWnd, Msg, wParam, lParam);
+    }
+    public void RegisterWndProc(WNDPROC wndProc)
+    {
+        newMainWindowWndProc = wndProc;
+        oldMainWindowWndProc = NativeMethods.SetWindowLongAuto(Handle, (int)NativeMethods.WindowLongIndexFlags.GWL_WNDPROC, Marshal.GetFunctionPointerForDelegate(newMainWindowWndProc));
+    }
+
+    public void RegisterInputNonClientPointerSourceWndProc(WNDPROC wndProc)
+    {
+        IntPtr inputNonClientPointerSourceHandle = NativeMethods.FindWindowEx(Handle, IntPtr.Zero, "InputNonClientPointerSource", null);
+
+        if (inputNonClientPointerSourceHandle != IntPtr.Zero)
+        {
+            int style = NativeMethods.GetWindowLongAuto(Handle, (int)NativeMethods.WindowLongIndexFlags.GWL_STYLE);
+            NativeMethods.SetWindowLongAuto(Handle, (int)NativeMethods.WindowLongIndexFlags.GWL_STYLE, (IntPtr)(style & ~(int)NativeMethods.WindowStyle.WS_SYSMENU));
+
+            newInputNonClientPointerSourceWndProc = wndProc;
+            oldInputNonClientPointerSourceWndProc = NativeMethods.SetWindowLongAuto(inputNonClientPointerSourceHandle, (int)NativeMethods.WindowLongIndexFlags.GWL_WNDPROC, Marshal.GetFunctionPointerForDelegate(newInputNonClientPointerSourceWndProc));
+        }
+    }
+}

From 3ef7c079d53bdf09bd43f4e30398ec22128fdd21 Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Mon, 20 Nov 2023 14:33:16 +0330
Subject: [PATCH 21/26] Update TitleBar.WASDK.cs

---
 components/TitleBar/src/TitleBar.WASDK.cs | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 044b87176..9d2467126 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -152,6 +152,10 @@ public void SetDragRegion(NonClientRegionKind nonClientRegionKind, params Framew
         
         foreach (var frameworkElement in frameworkElements)
         {
+            if (frameworkElement == null)
+            {
+                continue;
+            }
             GeneralTransform transformElement = frameworkElement.TransformToVisual(null);
             Windows.Foundation.Rect bounds = transformElement.TransformBounds(new Windows.Foundation.Rect(0, 0, frameworkElement.ActualWidth, frameworkElement.ActualHeight));
             var transparentRect = new Windows.Graphics.RectInt32(
@@ -162,8 +166,10 @@ public void SetDragRegion(NonClientRegionKind nonClientRegionKind, params Framew
             );
             rects.Add(transparentRect);
         }
-        
-        nonClientInputSrc.SetRegionRects(nonClientRegionKind, rects.ToArray());
+        if (rects.Count > 0)
+        {
+            nonClientInputSrc.SetRegionRects(nonClientRegionKind, rects.ToArray());
+        }
     }
 
     public void ClearDragRegions(NonClientRegionKind nonClientRegionKind)

From b71ccbbf34b96e6b862f00eb3a751f3d3d34de1c Mon Sep 17 00:00:00 2001
From: Mahdi Hosseini <mahdidvb72@gmail.com>
Date: Thu, 30 Nov 2023 23:46:52 +0330
Subject: [PATCH 22/26] Add Missing #if WINAPPSDK

---
 components/TitleBar/src/InfoHelper.cs    | 4 +++-
 components/TitleBar/src/NativeMethods.cs | 4 +++-
 components/TitleBar/src/WndProcHelper.cs | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/TitleBar/src/InfoHelper.cs b/components/TitleBar/src/InfoHelper.cs
index 82697e956..6dc80ca8b 100644
--- a/components/TitleBar/src/InfoHelper.cs
+++ b/components/TitleBar/src/InfoHelper.cs
@@ -1,4 +1,5 @@
-using Windows.ApplicationModel;
+#if WINAPPSDK
+using Windows.ApplicationModel;
 using Windows.Storage;
 using Windows.System.Profile;
 
@@ -32,3 +33,4 @@ static InfoHelper()
             );
     }
 }
+#endif
\ No newline at end of file
diff --git a/components/TitleBar/src/NativeMethods.cs b/components/TitleBar/src/NativeMethods.cs
index 290ef1429..6306ae87a 100644
--- a/components/TitleBar/src/NativeMethods.cs
+++ b/components/TitleBar/src/NativeMethods.cs
@@ -1,4 +1,5 @@
-using System.Runtime.InteropServices;
+#if WINAPPSDK
+using System.Runtime.InteropServices;
 
 namespace CommunityToolkit.WinUI.Controls;
 internal static class NativeMethods
@@ -82,3 +83,4 @@ public static IntPtr SetWindowLongAuto(IntPtr hWnd, int nIndex, IntPtr dwNewLong
     [DllImport("user32.dll")]
     public static extern IntPtr CallWindowProc(IntPtr lpPrevWndFunc, IntPtr hWnd, WindowMessage Msg, IntPtr wParam, IntPtr lParam);
 }
+#endif
\ No newline at end of file
diff --git a/components/TitleBar/src/WndProcHelper.cs b/components/TitleBar/src/WndProcHelper.cs
index 54ee894ab..c36648b74 100644
--- a/components/TitleBar/src/WndProcHelper.cs
+++ b/components/TitleBar/src/WndProcHelper.cs
@@ -1,4 +1,5 @@
-using System.Runtime.InteropServices;
+#if WINAPPSDK
+using System.Runtime.InteropServices;
 using WinRT.Interop;
 
 namespace CommunityToolkit.WinUI.Controls;
@@ -47,3 +48,4 @@ public void RegisterInputNonClientPointerSourceWndProc(WNDPROC wndProc)
         }
     }
 }
+#endif
\ No newline at end of file

From cb83879ff7b4265011ca6f9874e29447594acfe0 Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Thu, 25 Apr 2024 12:58:07 -0500
Subject: [PATCH 23/26] Fixed nullability errors

---
 components/TitleBar/src/TitleBar.WASDK.cs | 60 ++++++++++++++---------
 components/TitleBar/src/WndProcHelper.cs  | 10 ++--
 2 files changed, 43 insertions(+), 27 deletions(-)

diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 9d2467126..3e6582d50 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -3,6 +3,7 @@
 // See the LICENSE file in the project root for more information.
 
 #if WINAPPSDK
+using Windows.Graphics;
 using Microsoft.UI;
 using Microsoft.UI.Input;
 using Microsoft.UI.Windowing;
@@ -15,8 +16,8 @@ namespace CommunityToolkit.WinUI.Controls;
 
 public partial class TitleBar : Control
 {
-    WndProcHelper WndProcHelper;
-    MenuFlyout MenuFlyout;
+    WndProcHelper? WndProcHelper;
+    MenuFlyout? MenuFlyout;
     ContentPresenter? PART_ContentPresenter;
     ContentPresenter? PART_FooterPresenter;
 
@@ -128,10 +129,13 @@ private void Window_Activated(object sender, WindowActivatedEventArgs args)
 
     public void SetDragRegionForCustomTitleBar()
     {
-        if (AutoConfigureCustomTitleBar && Window != null)
+        if (AutoConfigureCustomTitleBar && Window is not null)
         {
             ClearDragRegions(NonClientRegionKind.Passthrough);
-            SetDragRegion(NonClientRegionKind.Passthrough, PART_ContentPresenter, PART_FooterPresenter, PART_ButtonHolder);
+            var items = new FrameworkElement?[] { PART_ContentPresenter, PART_FooterPresenter, PART_ButtonHolder };
+            var validItems = items.Where(x => x is not null).Select(x => x!).ToArray(); // Prune null items
+
+            SetDragRegion(NonClientRegionKind.Passthrough, validItems);
         }
     }
 
@@ -149,7 +153,7 @@ public void SetDragRegion(NonClientRegionKind nonClientRegionKind, params Framew
         var nonClientInputSrc = InputNonClientPointerSource.GetForWindowId(Window.AppWindow.Id);
         List<Windows.Graphics.RectInt32> rects = new List<Windows.Graphics.RectInt32>();
         var scale = GetRasterizationScaleForElement(this);
-        
+
         foreach (var frameworkElement in frameworkElements)
         {
             if (frameworkElement == null)
@@ -183,26 +187,32 @@ private IntPtr InputNonClientPointerSourceWndProc(IntPtr hWnd, NativeMethods.Win
         switch (Msg)
         {
             case NativeMethods.WindowMessage.WM_NCLBUTTONDOWN:
+            {
+                if (MenuFlyout?.IsOpen ?? false)
                 {
-                    if (MenuFlyout.IsOpen)
-                    {
-                        MenuFlyout.Hide();
-                    }
-                    break;
+                    MenuFlyout.Hide();
                 }
+                break;
+            }
             case NativeMethods.WindowMessage.WM_NCRBUTTONDOWN:
-                {
-                    PointInt32 pt = new PointInt32(lParam.ToInt32() & 0xFFFF, lParam.ToInt32() >> 16);
-                    FlyoutShowOptions options = new FlyoutShowOptions();
-                    options.ShowMode = FlyoutShowMode.Standard;
-                    options.Position = InfoHelper.SystemVersion.Build >= 22000 ?
-                    new Windows.Foundation.Point((pt.X - this.Window.AppWindow.Position.X - 8) / XamlRoot.RasterizationScale, (pt.Y - this.Window.AppWindow.Position.Y) / XamlRoot.RasterizationScale) :
-                    new Windows.Foundation.Point(pt.X - this.Window.AppWindow.Position.X - 8, pt.Y - this.Window.AppWindow.Position.Y);
+            {
+                PointInt32 pt = new PointInt32(lParam.ToInt32() & 0xFFFF, lParam.ToInt32() >> 16);
+                FlyoutShowOptions options = new FlyoutShowOptions();
+                options.ShowMode = FlyoutShowMode.Standard;
+                options.Position = InfoHelper.SystemVersion.Build >= 22000 ?
+                new Windows.Foundation.Point((pt.X - this.Window.AppWindow.Position.X - 8) / XamlRoot.RasterizationScale, (pt.Y - this.Window.AppWindow.Position.Y) / XamlRoot.RasterizationScale) :
+                new Windows.Foundation.Point(pt.X - this.Window.AppWindow.Position.X - 8, pt.Y - this.Window.AppWindow.Position.Y);
 
-                    MenuFlyout.ShowAt(this, options);
-                    return (IntPtr)0;
-                }
+                MenuFlyout?.ShowAt(this, options);
+                return (IntPtr)0;
+            }
+        }
+
+        if (WndProcHelper is null)
+        {
+            throw new InvalidOperationException($"Internal error: {nameof(WndProcHelper)} is missing.");
         }
+
         return WndProcHelper.CallInputNonClientPointerSourceWindowProc(hWnd, Msg, wParam, lParam);
     }
 
@@ -224,7 +234,7 @@ private IntPtr WindowWndProc(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPt
                     FlyoutShowOptions options = new FlyoutShowOptions();
                     options.Position = new Windows.Foundation.Point(0, 15);
                     options.ShowMode = FlyoutShowMode.Standard;
-                    MenuFlyout.ShowAt(null, options);
+                    MenuFlyout?.ShowAt(null, options);
                     return (IntPtr)0;
                 }
                 else if (sysCommand is NativeMethods.SystemCommand.SC_KEYMENU)
@@ -232,12 +242,18 @@ private IntPtr WindowWndProc(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPt
                     FlyoutShowOptions options = new FlyoutShowOptions();
                     options.Position = new Windows.Foundation.Point(0, 45);
                     options.ShowMode = FlyoutShowMode.Standard;
-                    MenuFlyout.ShowAt(null, options);
+                    MenuFlyout?.ShowAt(null, options);
                     return (IntPtr)0;
                 }
                 break;
             }
         }
+
+        if (WndProcHelper is null)
+        {
+            throw new InvalidOperationException($"Internal error: {nameof(WndProcHelper)} is missing.");
+        }
+
         return WndProcHelper.CallWindowProc(hWnd, Msg, wParam, lParam);
     }
 }
diff --git a/components/TitleBar/src/WndProcHelper.cs b/components/TitleBar/src/WndProcHelper.cs
index c36648b74..8a7c11ac9 100644
--- a/components/TitleBar/src/WndProcHelper.cs
+++ b/components/TitleBar/src/WndProcHelper.cs
@@ -1,4 +1,4 @@
-#if WINAPPSDK
+#if WINAPPSDK
 using System.Runtime.InteropServices;
 using WinRT.Interop;
 
@@ -8,10 +8,10 @@ internal class WndProcHelper
     public delegate IntPtr WNDPROC(IntPtr hWnd, NativeMethods.WindowMessage Msg, IntPtr wParam, IntPtr lParam);
 
     private IntPtr Handle { get; set; }
-    private WNDPROC newMainWindowWndProc = null;
+    private WNDPROC? newMainWindowWndProc = null;
     private IntPtr oldMainWindowWndProc = IntPtr.Zero;
 
-    private WNDPROC newInputNonClientPointerSourceWndProc = null;
+    private WNDPROC? newInputNonClientPointerSourceWndProc = null;
     private IntPtr oldInputNonClientPointerSourceWndProc = IntPtr.Zero;
 
     public WndProcHelper(Window window)
@@ -36,7 +36,7 @@ public void RegisterWndProc(WNDPROC wndProc)
 
     public void RegisterInputNonClientPointerSourceWndProc(WNDPROC wndProc)
     {
-        IntPtr inputNonClientPointerSourceHandle = NativeMethods.FindWindowEx(Handle, IntPtr.Zero, "InputNonClientPointerSource", null);
+        IntPtr inputNonClientPointerSourceHandle = NativeMethods.FindWindowEx(Handle, IntPtr.Zero, "InputNonClientPointerSource", string.Empty);
 
         if (inputNonClientPointerSourceHandle != IntPtr.Zero)
         {
@@ -48,4 +48,4 @@ public void RegisterInputNonClientPointerSourceWndProc(WNDPROC wndProc)
         }
     }
 }
-#endif
\ No newline at end of file
+#endif

From 4fb353077604b7666c73d9432644bcf0586c51b2 Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Thu, 25 Apr 2024 13:57:47 -0500
Subject: [PATCH 24/26] Fixed invalid reference in XML comment

---
 components/TitleBar/src/TitleBar.Properties.cs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/TitleBar/src/TitleBar.Properties.cs b/components/TitleBar/src/TitleBar.Properties.cs
index a47838f8b..17237dacb 100644
--- a/components/TitleBar/src/TitleBar.Properties.cs
+++ b/components/TitleBar/src/TitleBar.Properties.cs
@@ -42,7 +42,7 @@ public partial class TitleBar : Control
     public static readonly DependencyProperty IsPaneButtonVisibleProperty = DependencyProperty.Register(nameof(IsPaneButtonVisible), typeof(bool), typeof(TitleBar), new PropertyMetadata(false, IsPaneButtonVisibleChanged));
 
     /// <summary>
-    /// The backing <see cref="DependencyProperty"/> for the <see cref="Display"/> property.
+    /// The backing <see cref="DependencyProperty"/> for the <see cref="DisplayMode"/> property.
     /// </summary>
     public static readonly DependencyProperty DisplayModeProperty = DependencyProperty.Register(nameof(DisplayMode), typeof(DisplayMode), typeof(TitleBar), new PropertyMetadata(DisplayMode.Standard, DisplayModeChanged));
 

From 396c61a8e02c81eb6554750f9ff952315387e61c Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Thu, 25 Apr 2024 15:48:29 -0500
Subject: [PATCH 25/26] Restrict TitleBar MultiTargets to uwp and wasdk

---
 components/TitleBar/src/MultiTarget.props | 2 +-
 components/TitleBar/src/TitleBar.WASDK.cs | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/TitleBar/src/MultiTarget.props b/components/TitleBar/src/MultiTarget.props
index b11c19426..6a4600344 100644
--- a/components/TitleBar/src/MultiTarget.props
+++ b/components/TitleBar/src/MultiTarget.props
@@ -4,6 +4,6 @@
           MultiTarget is a custom property that indicates which target a project is designed to be built for / run on.
           Used to create project references, generate solution files, enable/disable TargetFrameworks, and build nuget packages.
         -->
-        <MultiTarget>uwp;wasdk;wpf;wasm;linuxgtk;macos;ios;android;</MultiTarget>
+        <MultiTarget>uwp;wasdk;</MultiTarget>
     </PropertyGroup>
 </Project>
\ No newline at end of file
diff --git a/components/TitleBar/src/TitleBar.WASDK.cs b/components/TitleBar/src/TitleBar.WASDK.cs
index 3e6582d50..ea8bd946c 100644
--- a/components/TitleBar/src/TitleBar.WASDK.cs
+++ b/components/TitleBar/src/TitleBar.WASDK.cs
@@ -2,7 +2,7 @@
 // The .NET Foundation licenses this file to you under the MIT license.
 // See the LICENSE file in the project root for more information.
 
-#if WINAPPSDK
+#if WINDOWS_WINAPPSDK && !HAS_UNO
 using Windows.Graphics;
 using Microsoft.UI;
 using Microsoft.UI.Input;

From aa780a577904b2225a176e3674e38e88dcc321fe Mon Sep 17 00:00:00 2001
From: Arlo Godfrey <arlo.godfrey@outlook.com>
Date: Fri, 17 May 2024 19:28:19 -0500
Subject: [PATCH 26/26] Remove empty example test methods

---
 .../tests/ExampleTitleBarTestClass.cs         | 26 -------------------
 1 file changed, 26 deletions(-)

diff --git a/components/TitleBar/tests/ExampleTitleBarTestClass.cs b/components/TitleBar/tests/ExampleTitleBarTestClass.cs
index f4a22e8c6..1245988a8 100644
--- a/components/TitleBar/tests/ExampleTitleBarTestClass.cs
+++ b/components/TitleBar/tests/ExampleTitleBarTestClass.cs
@@ -69,31 +69,5 @@ public async Task SimpleAsyncUIExamplePageTest(ExampleTitleBarTestPage page)
         await CompositionTargetHelper.ExecuteAfterCompositionRenderingAsync(() => { });
 
     
-    }
-
-    //// ----------------------------- ADVANCED TEST SCENARIOS -----------------------------
-
-    // If you need to use DataRow, you can use this pattern with the UI dispatch still.
-    // Otherwise, checkout the UIThreadTestMethod attribute above.
-    // See https://github.com/CommunityToolkit/Labs-Windows/issues/186
-    [TestMethod]
-    public async Task ComplexAsyncUIExampleTest()
-    {
-   
-    }
-
-    // If you want to load other content not within a XAML page using the UIThreadTestMethod above.
-    // Then you can do that using the Load/UnloadTestContentAsync methods.
-    [TestMethod]
-    public async Task ComplexAsyncLoadUIExampleTest()
-    {
-     
-    }
-
-    // You can still use the UIThreadTestMethod to remove the extra layer for the dispatcher as well:
-    [UIThreadTestMethod]
-    public async Task ComplexAsyncLoadUIExampleWithoutDispatcherTest()
-    {
-       
     }
 }