From b3086517216cef729b3a95bd0d61ce2bd6a0f9b8 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 1 Sep 2023 17:52:09 +0200
Subject: [PATCH 1/5] Bunch of updates

---
 .../Behaviors/samples/Behaviors.Animations.md |   6 +-
 .../CameraPreview/samples/CameraPreview.md    |   2 +-
 .../samples/AdvancedCollectionView.md         |   2 +-
 components/Converters/samples/Converters.md   |   2 +-
 .../Extensions/samples/AttachedCardShadow.md  |  40 +++++++
 .../Extensions/samples/AttachedDropShadow.md  |   4 +-
 .../Extensions/samples/AttachedShadows.md     | 101 +-----------------
 .../samples/DispatcherQueueExtensions.md      |   2 +-
 .../Extensions/samples/EnumValuesExtension.md |   2 +-
 .../Extensions/samples/HyperlinkExtensions.md |   2 +-
 .../samples/IconMarkupExtensions.md           |   2 +-
 .../Extensions/samples/ListViewExtensions.md  |   4 +-
 .../samples/NullableBoolExtension.md          |   2 +-
 .../samples/ScrollViewerExtensions.md         |   4 +-
 .../Extensions/samples/StringExtensions.md    |   2 +-
 .../Extensions/samples/TextBoxExtensions.md   |  14 +--
 .../Extensions/samples/TransformExtensions.md |   2 +-
 .../Extensions/samples/UIElementExtensions.md |   2 +-
 components/Helpers/samples/CameraHelper.md    |   2 +-
 components/Helpers/samples/ColorHelper.md     |   2 +-
 .../Helpers/samples/ScreenUnitHelper.md       |   2 +-
 .../Helpers/samples/WeakEventListener.md      |   2 +-
 .../ImageCropper/samples/ImageCropper.md      |   2 +-
 .../samples/MetadataControl.md                |   2 +-
 .../Primitives/samples/ConstrainedBox.md      |   2 +-
 .../RichSuggestBox/samples/RichSuggestBox.md  |   2 +-
 components/Sizers/samples/ContentSizer.md     |   2 +-
 components/Sizers/samples/GridSplitter.md     |   2 +-
 components/Sizers/samples/PropertySizer.md    |   2 +-
 components/Sizers/samples/SizerControls.md    |   4 +-
 .../samples/TokenizingTextBox.md              |   2 +-
 components/Triggers/samples/Triggers.md       |   2 +-
 32 files changed, 85 insertions(+), 140 deletions(-)
 create mode 100644 components/Extensions/samples/AttachedCardShadow.md

diff --git a/components/Behaviors/samples/Behaviors.Animations.md b/components/Behaviors/samples/Behaviors.Animations.md
index 67c2d8a1..f674aba5 100644
--- a/components/Behaviors/samples/Behaviors.Animations.md
+++ b/components/Behaviors/samples/Behaviors.Animations.md
@@ -5,7 +5,7 @@ description: A collection of animations that can be grouped together.
 keywords: Behaviors, animations, animationset, xaml, visual, composition
 dev_langs:
   - csharp
-category: Xaml
+category: Animations
 subcategory: Behaviors
 discussion-id: 0
 issue-id: 0
@@ -125,7 +125,7 @@ Here's an example of how all these various explicit animations can be combined t
 
 ## Behaviors
 
-If you are also referencing the `Microsoft.Toolkit.Uwp.UI.Behaviors` package, it will be possible to also use behaviors and actions to better support the new APIs, such as by automatically triggering an animation when a given event is raised, entirely from XAML. There are four main types being introduced in this package that interoperate with the Animation APIs:
+If you are also referencing the `Behaviors` package, it will be possible to also use behaviors and actions to better support the new APIs, such as by automatically triggering an animation when a given event is raised, entirely from XAML. There are four main types being introduced in this package that interoperate with the Animation APIs:
 
 - [`AnimationStartedTriggerBehavior`](/dotnet/api/microsoft.toolkit.uwp.ui.behaviors.AnimationStartedTriggerBehavior) and [`AnimationCompletedTriggerBehavior`](/dotnet/api/microsoft.toolkit.uwp.ui.behaviors.AnimationCompletedTriggerBehavior): these are custom triggers that can be used to execute `IAction`-s when an `AnimationSet` starts or completes. All the built-in `IAction` objects can be used from the Behaviors package, as well as custom ones as well.
 - [`StartAnimationAction`](/dotnet/api/microsoft.toolkit.uwp.ui.behaviors.StartAnimationAction): an `IAction` object that can be used within behaviors to easily start a target animation, either with an attached UI element or with an explicit target to animate.
@@ -164,7 +164,7 @@ This makes it possible to also not having to name the target UI element, to regi
 
 ## Effect animations
 
-Lastly, the `AnimationSet` class can also directly animate Composition/Win2D effects. To gain access to this feature, you will need to also reference the `Microsoft.Toolkit.Uwp.UI.Media`. This package includes some special animation types that can be plugged in into an `AnimationSet` instance and used to animate individual effects within a custom effects graph. This can then be used either from a [PipelineBrush](/dotnet/api/microsoft.toolkit.uwp.ui.media.pipelinebrush) or from an inline graph attached to a UI element through the [`PipelineVisualFactory`](/dotnet/api/microsoft.toolkit.uwp.ui.media.PipelineVisualFactory) type. All these effect animations are powered by the same `AnimationBuilder` type behind the scenes, and can facilitate creating complex animations on specific effects within a graph.
+Lastly, the `AnimationSet` class can also directly animate Composition/Win2D effects. To gain access to this feature, you will need to also reference the `CommunityToolkit.WinUI.Media`. This package includes some special animation types that can be plugged in into an `AnimationSet` instance and used to animate individual effects within a custom effects graph. This can then be used either from a [PipelineBrush](/dotnet/api/microsoft.toolkit.uwp.ui.media.pipelinebrush) or from an inline graph attached to a UI element through the [`PipelineVisualFactory`](/dotnet/api/microsoft.toolkit.uwp.ui.media.PipelineVisualFactory) type. All these effect animations are powered by the same `AnimationBuilder` type behind the scenes, and can facilitate creating complex animations on specific effects within a graph.
 
 Here is an example of how the new `PipelineVisualFactory` type can be combined with these effect animations:
 
diff --git a/components/CameraPreview/samples/CameraPreview.md b/components/CameraPreview/samples/CameraPreview.md
index 9b863b11..bc047d9e 100644
--- a/components/CameraPreview/samples/CameraPreview.md
+++ b/components/CameraPreview/samples/CameraPreview.md
@@ -6,7 +6,7 @@ keywords: CameraPreview, Control, skommireddi
 dev_langs:
   - csharp
 category: Controls
-subcategory: Layout
+subcategory: Media
 discussion-id: 0
 issue-id: 0
 icon: Assets/CameraPreview.png
diff --git a/components/Collections/samples/AdvancedCollectionView.md b/components/Collections/samples/AdvancedCollectionView.md
index dd83aae1..bace1cc8 100644
--- a/components/Collections/samples/AdvancedCollectionView.md
+++ b/components/Collections/samples/AdvancedCollectionView.md
@@ -27,7 +27,7 @@ In your viewmodel instead of having a public [IEnumerable](/dotnet/core/api/syst
 ## Example
 
 ```csharp
-using Microsoft.Toolkit.Uwp.UI;
+using CommunityToolkit.WinUI;
 
 // Grab a sample type
 public class Person
diff --git a/components/Converters/samples/Converters.md b/components/Converters/samples/Converters.md
index 7854e707..90ec6f37 100644
--- a/components/Converters/samples/Converters.md
+++ b/components/Converters/samples/Converters.md
@@ -6,7 +6,7 @@ keywords: Converters, Control, Layout
 dev_langs:
   - csharp
 category: Xaml
-subcategory: None
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/Converters.png
diff --git a/components/Extensions/samples/AttachedCardShadow.md b/components/Extensions/samples/AttachedCardShadow.md
new file mode 100644
index 00000000..8ac08e22
--- /dev/null
+++ b/components/Extensions/samples/AttachedCardShadow.md
@@ -0,0 +1,40 @@
+---
+title: Attached Card Shadow
+author: michael-hawker
+description: Attach performant and easy to use shadows powered by Win2D.
+keywords: shadow, shadows, dropshadow, dropshadowpanel, attachedshadow, attacheddropshadow, attachedcardshadow
+dev_langs:
+  - csharp
+category: Extensions
+subcategory: Shadows
+discussion-id: 0
+issue-id: 0
+icon: Assets/Shadow.png
+---
+
+The `AttachedCardShadow` is the easiest to use and most performant shadow. It is recommended to use it where possible, if taking a Win2D dependency is not a concern. It's only drawbacks are the extra dependency required and that it only supports rectangular and rounded-rectangular geometries (as described in the table above).
+
+The great benefit to the `AttachedCardShadow` is that no extra surface or element is required to add the shadow. This reduces the complexity required in development and allows shadows to easily be added at any point in the development process. It also supports transparent elements, without displaying the shadow behind them!
+
+The example shows how easy it is to not only apply an `AttachedCardShadow` to an element, but use it in a style to apply to multiple elements as well:
+
+```xaml
+    xmlns:ui="using:CommunityToolkit.WinUI"
+    xmlns:media="using:CommunityToolkit.WinUI.Media"/>
+
+    <Page.Resources>
+        <media:AttachedCardShadow x:Key="CommonShadow" Offset="4"/>
+
+        <Style TargetType="Button" BasedOn="{StaticResource DefaultButtonStyle}">
+            <Setter Property="ui:Effects.Shadow" Value="{StaticResource CommonShadow}"/>
+            <Setter Property="HorizontalAlignment" Value="Center"/>
+        </Style>
+    </Page.Resources>
+
+    <StackPanel Spacing="32" VerticalAlignment="Center">
+        <Button Content="I Have a Shadow!"/>
+        <Image ui:Effects.Shadow="{StaticResource CommonShadow}"
+               Height="100" Width="100"
+               Source="ms-appx:///Assets/Photos/Owl.jpg"/>
+    </StackPanel>
+```
diff --git a/components/Extensions/samples/AttachedDropShadow.md b/components/Extensions/samples/AttachedDropShadow.md
index 5064ea61..412b9ca0 100644
--- a/components/Extensions/samples/AttachedDropShadow.md
+++ b/components/Extensions/samples/AttachedDropShadow.md
@@ -2,11 +2,11 @@
 title: Attached Drop Shadow
 author: michael-hawker
 description: Allows many elements to share a common backdrop for casting shadows.
-keywords: Effects, Control, Layout
+keywords: shadow, shadows, dropshadow, dropshadowpanel, attachedshadow, attacheddropshadow, attachedcardshadow
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Media
+subcategory: Shadows
 discussion-id: 0
 issue-id: 0
 icon: Assets/Shadow.png
diff --git a/components/Extensions/samples/AttachedShadows.md b/components/Extensions/samples/AttachedShadows.md
index 1545dcd1..705fb216 100644
--- a/components/Extensions/samples/AttachedShadows.md
+++ b/components/Extensions/samples/AttachedShadows.md
@@ -1,20 +1,18 @@
 ---
-title: Attached Shadows
+title: Shadows overview
 author: michael-hawker
 description: Attached Shadows allow you to easily create shadow effects on elements.
 keywords: shadow, shadows, dropshadow, dropshadowpanel, attachedshadow, attacheddropshadow, attachedcardshadow
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Media
+subcategory: Shadows
 discussion-id: 0
 issue-id: 0
 icon: Assets/Shadow.png
 ---
 > **Platform APIs:** [`AttachedCardShadow`](/dotnet/api/microsoft.toolkit.uwp.ui.media.attachedcardshadow), [`AttachedDropShadow`](/dotnet/api/microsoft.toolkit.uwp.ui.attacheddropshadow)
 
-## Introduction
-
 There are two types of attached shadows available today, the `AttachedCardShadow` and the `AttachedDropShadow`. It is recommended to use the `AttachedCardShadow` where possible, if you don't mind the dependency on Win2D. The `AttachedCardShadow` provides an easier to use experience that is more performant and easier to apply across an entire set of elements, assuming those elements are rounded-rectangular in shape. The `AttachedDropShadow` provides masking support and can be leveraged in any UWP app without adding an extra dependency.
 
 ### Capability Comparison
@@ -23,7 +21,7 @@ The following table outlines the various capabilities of each shadow type in add
 
 | Capability                    | AttachedCardShadow                                                 | AttachedDropShadow                                              | DropShadowPanel (deprecated)                                                              |
 |-------------------------------|--------------------------------------------------------------------|-----------------------------------------------------------------|-----------------------------------------------------------------------------------------|
-| Dependency/NuGet Package      | 🟡 Win2D via<br>`Microsoft.Toolkit.Uwp.UI.Media`                       | ✅ Framework Only (Composition Effect)<br>`CommunityToolkit.WinUI.Effects`  | ✅ Framework Only (Composition Effect)<br>`Microsoft.Toolkit.Uwp.UI.Controls` (legacy)                              |
+| Dependency/NuGet Package      | 🟡 Win2D via<br>`CommunityToolkit.WinUI.Media`                       | ✅ Framework Only (Composition Effect)<br>`CommunityToolkit.WinUI.Effects`  | ✅ Framework Only (Composition Effect)<br>`Microsoft.Toolkit.Uwp.UI.Controls` (legacy)                              |
 | Layer                         | Inline Composition +<br>Win2D Clip Geometry                           | Composition via<br>Target Element Backdrop                         | Composition via<br>`ContentControl` Container                                                |
 | Modify Visual Tree            | ✅ No                                                              | 🟡 Usually requires single target element, even for multiple shadows    | ❌ Individually wrap each element needing shadow                                         |
 | Extra Visual Tree Depth       | ✅ 0                                                               | 🟡 1 per sibling element to cast one or more shadows to          | ❌ _**4** per Shadowed Element_                                                                |
@@ -40,105 +38,12 @@ The `AttachedCardShadow` is the easiest to use and most performant shadow. It is
 
 The great benefit to the `AttachedCardShadow` is that no extra surface or element is required to add the shadow. This reduces the complexity required in development and allows shadows to easily be added at any point in the development process. It also supports transparent elements, without displaying the shadow behind them!
 
-### Example
-
-The example shows how easy it is to not only apply an `AttachedCardShadow` to an element, but use it in a style to apply to multiple elements as well:
-
-```xaml
-    xmlns:ui="using:CommunityToolkit.WinUI"
-    xmlns:media="using:CommunityToolkit.WinUI.Media"/>
-
-    <Page.Resources>
-        <media:AttachedCardShadow x:Key="CommonShadow" Offset="4"/>
-
-        <Style TargetType="Button" BasedOn="{StaticResource DefaultButtonStyle}">
-            <Setter Property="ui:Effects.Shadow" Value="{StaticResource CommonShadow}"/>
-            <Setter Property="HorizontalAlignment" Value="Center"/>
-        </Style>
-    </Page.Resources>
-
-    <StackPanel Spacing="32" VerticalAlignment="Center">
-        <Button Content="I Have a Shadow!"/>
-        <Image ui:Effects.Shadow="{StaticResource CommonShadow}"
-               Height="100" Width="100"
-               Source="ms-appx:///Assets/Photos/Owl.jpg"/>
-    </StackPanel>
-```
-
 ## AttachedDropShadow (Composition)
 
 The `AttachedDropShadow` provides masking support to a wide variety of elements including transparent images, shapes, and text. Masking to a custom shape that's not rectangular or rounded-rectangular is the main scenario where an `AttachedDropShadow` will be useful. Unlike it's predecessor, the [`DropShadowPanel`](../Controls/DropShadowPanel.md), the `AttachedDropShadow` doesn't need to wrap the element being shadowed; however, it does require another element to cast the shadow on to.
 
 This makes it a bit more complex to use than the `AttachedCardShadow` and the `DropShadowPanel`, but since multiple `AttachedDropShadow` elements can share the same surface, this makes it much more performant than its predecessor.
 
-> [!SAMPLE AttachedDropShadowBasicSample]
-
 ### Remarks
 
 While `DropShadowPanel` encapsulated the complexities of adding a shadow, it added a lot of depth and complexity to the visual tree. `AttachedDropShadow` instead requires that you provide the surface where the shadows should be cast, such as a common backdrop element. This means that each shadow can use the same shared surface rather than creating its own backdrop element for each shadow (like `DropShadowPanel` did). This slight trade-off for ease-of-use is a gain in performance. However, it does mean it may not be as flexible for certain use cases with manipulation of an element. In those cases we recommend to try and use `AttachedCardShadow` instead or wrapping an element and its backdrop in a custom control.
-
-### Example
-
-The following example shows how to use an `AttachedDropShadow` as a resource with a `TextBlock` to mask the shadow of some text:
-
-```xaml
-    <Page.Resources>
-        <ui:AttachedDropShadow x:Key="CommonShadow" Offset="4" CastTo="{x:Bind ShadowTarget}"/>
-    </Page.Resources>
-
-    <Grid>
-        <Border x:Name="ShadowTarget"/>
-        <TextBlock ui:Effects.Shadow="{StaticResource CommonShadow}"
-                   Text="This is some text with a Shadow!"
-                   HorizontalAlignment="Center"/>
-    </Grid>
-```
-
-## Animation
-
-Either type of Attached Shadow can be easily animated using the Toolkit's [`AnimationSet`](../animations/AnimationSet.md) api. These provide an easy XAML based way to animate a wide variety of elements, including a variety of shadow properties. They can also be animated with any other composition animation technique in code-behind as well using either the [`AnimationBuilder`](../animations/AnimationBuilder.md) or built-in composition animations.
-
-> **Platform APIs:** [`BlurRadiusDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.blurradiusdropshadowanimation), [`ColorDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.colordropshadowanimation), [`OffsetDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.offsetdropshadowanimation), [`OpacityDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.opacitydropshadowanimation)
-
-> [!NOTE]
-> `AttachedCardShadow` has better support for animations which involve translation of the element along with the shadow. If animating an `AttachedDropShadow` it is best to only animate the shadow itself vs. moving the element it is attached to. This can cause the shadow and element to be desynchronized.
-
-> [!div class="nextstepaction"]
-> [Try it in the sample app](uwpct://animations?sample=shadow%20animations)
-
-### Example
-
-The following example uses a combination of behaviors and animations apis to create an animated shadow effect when hovering over an image with an [`OffsetDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.offsetdropshadowanimation):
-
-```xaml
-    xmlns:ui="using:CommunityToolkit.WinUI"
-    xmlns:media="using:CommunityToolkit.WinUI.Media"
-    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
-    xmlns:interactions="using:Microsoft.Xaml.Interactions.Core"
-    xmlns:ani="using:CommunityToolkit.WinUI.Animations"
-    xmlns:behaviors="using:CommunityToolkit.WinUI.Behaviors"/>
-
-    <Image Height="100" Width="100"
-           Source="ms-appx:///Assets/Photos/Owl.jpg">
-        <ui:Effects.Shadow>
-            <media:AttachedCardShadow Offset="4" CornerRadius="0"/>
-        </ui:Effects.Shadow>
-        <ani:Explicit.Animations>
-            <ani:AnimationSet x:Name="ShadowEnterAnimation">
-                <ani:OffsetDropShadowAnimation To="12"/>
-            </ani:AnimationSet>
-
-            <ani:AnimationSet x:Name="ShadowExitAnimation">
-                <ani:OffsetDropShadowAnimation To="4"/>
-            </ani:AnimationSet>
-        </ani:Explicit.Animations>
-        <interactivity:Interaction.Behaviors>
-            <interactions:EventTriggerBehavior EventName="PointerEntered">
-                <behaviors:StartAnimationAction Animation="{x:Bind ShadowEnterAnimation}"/>
-            </interactions:EventTriggerBehavior>
-            <interactions:EventTriggerBehavior EventName="PointerExited">
-                <behaviors:StartAnimationAction Animation="{x:Bind ShadowExitAnimation}"/>
-            </interactions:EventTriggerBehavior>
-        </interactivity:Interaction.Behaviors>
-    </Image>
-```
diff --git a/components/Extensions/samples/DispatcherQueueExtensions.md b/components/Extensions/samples/DispatcherQueueExtensions.md
index 90aa4a83..884a5501 100644
--- a/components/Extensions/samples/DispatcherQueueExtensions.md
+++ b/components/Extensions/samples/DispatcherQueueExtensions.md
@@ -6,7 +6,7 @@ keywords: dispatcher, dispatcherqueue, DispatcherHelper, DispatcherQueueExtensio
 dev_langs:
   - csharp
 category: Extensions
-subcategory: None
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
diff --git a/components/Extensions/samples/EnumValuesExtension.md b/components/Extensions/samples/EnumValuesExtension.md
index dd9ab4d1..eac81805 100644
--- a/components/Extensions/samples/EnumValuesExtension.md
+++ b/components/Extensions/samples/EnumValuesExtension.md
@@ -36,7 +36,7 @@ Binding to an enum property can be accomplished like so:
 
 ```xaml
 <ComboBox
-    xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
+    xmlns:ui="using:CommunityToolkit.WinUI"
     xmlns:enums="using:MyApplication.Enums"
     ItemsSource="{ui:EnumValues Type=enums:Animal}"
     SelectedItem="{x:Bind SelectedAnimal, Mode=OneWay}" />
diff --git a/components/Extensions/samples/HyperlinkExtensions.md b/components/Extensions/samples/HyperlinkExtensions.md
index bdecbb3f..6ec1d08b 100644
--- a/components/Extensions/samples/HyperlinkExtensions.md
+++ b/components/Extensions/samples/HyperlinkExtensions.md
@@ -6,7 +6,7 @@ keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Input
+subcategory: Controls
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
diff --git a/components/Extensions/samples/IconMarkupExtensions.md b/components/Extensions/samples/IconMarkupExtensions.md
index b211f8ca..cc72eaa6 100644
--- a/components/Extensions/samples/IconMarkupExtensions.md
+++ b/components/Extensions/samples/IconMarkupExtensions.md
@@ -1,5 +1,5 @@
 ---
-title: Icon markup extensions
+title: Icon extensions
 author: sergio0694
 description: The FontIcon, FontIconSource and BitmapIcon markup extensions allow developers to easily declare these types of icons directly from XAML in a compact manner.
 keywords: markup extension, XAML, markup, fonticon, fonticonsource, bitmapicon
diff --git a/components/Extensions/samples/ListViewExtensions.md b/components/Extensions/samples/ListViewExtensions.md
index 3fdd6c93..5a3b57ab 100644
--- a/components/Extensions/samples/ListViewExtensions.md
+++ b/components/Extensions/samples/ListViewExtensions.md
@@ -6,7 +6,7 @@ keywords: ListViewBase, extensions
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Layout
+subcategory: Controls
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
@@ -124,7 +124,7 @@ await MyGridView.SmoothScrollIntoViewWithItemAsync(item: object, itemPlacement:
 ### Methods
 
 | Methods | Return Type | Description |
-| -- | -- | -- |
+|---------|-------------|-------------|
 | SmoothScrollIntoViewWithIndexAsync(int, ScrollItemPlacement, bool, bool, int, int) | Task | Smooth scroll item into view With index number |
 | SmoothScrollIntoViewWithItemAsync(object, ScrollItemPlacement, bool, bool, int, int) | Task | Smooth scroll item into view With item object |
 
diff --git a/components/Extensions/samples/NullableBoolExtension.md b/components/Extensions/samples/NullableBoolExtension.md
index 0ef2e760..77bbd237 100644
--- a/components/Extensions/samples/NullableBoolExtension.md
+++ b/components/Extensions/samples/NullableBoolExtension.md
@@ -6,7 +6,7 @@ keywords: nullable bool, dependency property, markup extension, XAML, markup
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Media
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
diff --git a/components/Extensions/samples/ScrollViewerExtensions.md b/components/Extensions/samples/ScrollViewerExtensions.md
index f0122f89..cc45f989 100644
--- a/components/Extensions/samples/ScrollViewerExtensions.md
+++ b/components/Extensions/samples/ScrollViewerExtensions.md
@@ -6,7 +6,7 @@ keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Layout
+subcategory: Controls
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
@@ -23,7 +23,7 @@ The `ScrollBarMargin` property provides a way to assign a [`Thickness`](/dotnet/
 Here is how this property can be used in XAML:
 
 ```xaml
-<Page xmlns:ui="using:Microsoft.Toolkit.Uwp.UI">
+<Page xmlns:ui="using:CommunityToolkit.WinUI">
     <ListView ui:ScrollViewerExtensions.HorizontalScrollBarMargin="2, 2, 2, 2">
         <!-- ListView Item -->
     </ListView>
diff --git a/components/Extensions/samples/StringExtensions.md b/components/Extensions/samples/StringExtensions.md
index 1271caf9..939c215c 100644
--- a/components/Extensions/samples/StringExtensions.md
+++ b/components/Extensions/samples/StringExtensions.md
@@ -6,7 +6,7 @@ keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Input
+subcategory: Text
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
diff --git a/components/Extensions/samples/TextBoxExtensions.md b/components/Extensions/samples/TextBoxExtensions.md
index 2c5400fc..9ff59623 100644
--- a/components/Extensions/samples/TextBoxExtensions.md
+++ b/components/Extensions/samples/TextBoxExtensions.md
@@ -6,7 +6,7 @@ keywords: TextBoxMask, XAML
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Input
+subcategory: Controls
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
@@ -43,7 +43,7 @@ In case you want to add a custom variable character you can use the `CustomMask`
 
 ```xaml
 <Page ...
-     xmlns:ui="using:Microsoft.Toolkit.Uwp.UI">
+     xmlns:ui="using:CommunityToolkit.WinUI">
     <StackPanel>
 
         <!-- Mask = "9a9a-a9a*" (9 means [0-9], a means [a-Z], * allows both)-->
@@ -92,21 +92,21 @@ The validation has 3 modes ([`TextBoxExtensions.ValidationMode`](/dotnet/api/mic
 
 ```xaml
 <TextBox
-    xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
+    xmlns:ui="using:CommunityToolkit.WinUI"
     ui:TextBoxExtensions.Regex="^\s*\+?\s*([0-9][\s-]*){9,}$" />
 
 <TextBox
-    xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
+    xmlns:ui="using:CommunityToolkit.WinUI"
     ui:TextBoxExtensions.ValidationMode="Forced"
     ui:TextBoxExtensions.ValidationType="PhoneNumber"
     Text="+61616161611" />
 
 <TextBox
-    xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
+    xmlns:ui="using:CommunityToolkit.WinUI"
     ui:TextBoxExtensions.ValidationType="Email"   />
 
 <TextBox
-    xmlns:ui="using:Microsoft.Toolkit.Uwp.UI"
+    xmlns:ui="using:CommunityToolkit.WinUI"
     ui:TextBoxExtensions.ValidationMode="Forced"
     ui:TextBoxExtensions.ValidationType="Decimal" />
 ```
@@ -125,7 +125,7 @@ The `SurfaceDialOptions` property adds features from the Surface Dial control to
 
 ```xaml
 <Page ...
-    xmlns:ui="using:Microsoft.Toolkit.Uwp.UI">
+    xmlns:ui="using:CommunityToolkit.WinUI">
 
     <TextBox
         Text="0"
diff --git a/components/Extensions/samples/TransformExtensions.md b/components/Extensions/samples/TransformExtensions.md
index 04cdcb66..847b51ee 100644
--- a/components/Extensions/samples/TransformExtensions.md
+++ b/components/Extensions/samples/TransformExtensions.md
@@ -6,7 +6,7 @@ keywords: Extensions, matrix, transform, rotate, skew, scale, RotateTransform, V
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Media
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
diff --git a/components/Extensions/samples/UIElementExtensions.md b/components/Extensions/samples/UIElementExtensions.md
index 111b7e70..3ea38816 100644
--- a/components/Extensions/samples/UIElementExtensions.md
+++ b/components/Extensions/samples/UIElementExtensions.md
@@ -6,7 +6,7 @@ keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Layout
+subcategory: Controls
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png
diff --git a/components/Helpers/samples/CameraHelper.md b/components/Helpers/samples/CameraHelper.md
index 9cbff3dd..7f2d1c58 100644
--- a/components/Helpers/samples/CameraHelper.md
+++ b/components/Helpers/samples/CameraHelper.md
@@ -65,7 +65,7 @@ Demonstrates using Camera Helper to get video frames from a specific media frame
 
 ```csharp
 
-using Microsoft.Toolkit.Uwp.Helpers.CameraHelper;
+using CommunityToolkit.WinUI.Helpers.CameraHelper;
 
 var availableFrameSourceGroups = await CameraHelper.GetFrameSourceGroupsAsync();
 if(availableFrameSourceGroups != null)
diff --git a/components/Helpers/samples/ColorHelper.md b/components/Helpers/samples/ColorHelper.md
index 2e3d3de3..aa425d97 100644
--- a/components/Helpers/samples/ColorHelper.md
+++ b/components/Helpers/samples/ColorHelper.md
@@ -6,7 +6,7 @@ keywords: Helpers, Theming, theme listerner, themes, screenunithelper, colorhelp
 dev_langs:
   - csharp
 category: Helpers
-subcategory: Developer
+subcategory: Converters
 discussion-id: 0
 issue-id: 0
 icon: Assets/ColorHelper.png
diff --git a/components/Helpers/samples/ScreenUnitHelper.md b/components/Helpers/samples/ScreenUnitHelper.md
index 58d71439..70e2d273 100644
--- a/components/Helpers/samples/ScreenUnitHelper.md
+++ b/components/Helpers/samples/ScreenUnitHelper.md
@@ -6,7 +6,7 @@ keywords: Helpers, screenunithelper,
 dev_langs:
   - csharp
 category: Helpers
-subcategory: System
+subcategory: Converters
 discussion-id: 0
 issue-id: 0
 icon: Assets/ScreenUnitHelper.png
diff --git a/components/Helpers/samples/WeakEventListener.md b/components/Helpers/samples/WeakEventListener.md
index c455517b..448f6d8c 100644
--- a/components/Helpers/samples/WeakEventListener.md
+++ b/components/Helpers/samples/WeakEventListener.md
@@ -6,7 +6,7 @@ keywords: Helpers, WeakEventListener
 dev_langs:
   - csharp
 category: Helpers
-subcategory: Layout
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/WeakEventListener.png
diff --git a/components/ImageCropper/samples/ImageCropper.md b/components/ImageCropper/samples/ImageCropper.md
index 64324945..4e92d944 100644
--- a/components/ImageCropper/samples/ImageCropper.md
+++ b/components/ImageCropper/samples/ImageCropper.md
@@ -6,7 +6,7 @@ keywords: ImageCropper, Control, Layout
 dev_langs:
   - csharp
 category: Controls
-subcategory: Input
+subcategory: Media
 discussion-id: 0
 issue-id: 0
 icon: Assets/ImageCropper.png
diff --git a/components/MetadataControl/samples/MetadataControl.md b/components/MetadataControl/samples/MetadataControl.md
index f857951c..b3f32b71 100644
--- a/components/MetadataControl/samples/MetadataControl.md
+++ b/components/MetadataControl/samples/MetadataControl.md
@@ -6,7 +6,7 @@ keywords: MetadataControl, Control, metadata
 dev_langs:
   - csharp
 category: Controls
-subcategory: Layout
+subcategory: StatusAndInfo
 discussion-id: 0
 issue-id: 0
 icon: Assets/MetadataControl.png
diff --git a/components/Primitives/samples/ConstrainedBox.md b/components/Primitives/samples/ConstrainedBox.md
index 5684d6b6..e63e5dd7 100644
--- a/components/Primitives/samples/ConstrainedBox.md
+++ b/components/Primitives/samples/ConstrainedBox.md
@@ -6,7 +6,7 @@ keywords: viewbox, content decorator, ConstrainedBox
 dev_langs:
   - csharp
 category: Layouts
-subcategory: None
+subcategory: Media
 discussion-id: 0
 issue-id: 0
 icon: Assets/ConstrainedBox.png
diff --git a/components/RichSuggestBox/samples/RichSuggestBox.md b/components/RichSuggestBox/samples/RichSuggestBox.md
index 4786f0aa..2fb79b49 100644
--- a/components/RichSuggestBox/samples/RichSuggestBox.md
+++ b/components/RichSuggestBox/samples/RichSuggestBox.md
@@ -6,7 +6,7 @@ keywords: RichSuggestBox, Control,
 dev_langs:
   - csharp
 category: Controls
-subcategory: Input
+subcategory: Text
 discussion-id: 0
 issue-id: 0
 icon: Assets/RichSuggestBox.png
diff --git a/components/Sizers/samples/ContentSizer.md b/components/Sizers/samples/ContentSizer.md
index 7a0e67ac..fcb6aa1a 100644
--- a/components/Sizers/samples/ContentSizer.md
+++ b/components/Sizers/samples/ContentSizer.md
@@ -6,7 +6,7 @@ keywords: ContentSizer, SizerBase, Control, Layout, Expander, Splitter
 dev_langs:
   - csharp
 category: Controls
-subcategory: Layout
+subcategory: Sizers
 discussion-id: 96
 issue-id: 101
 icon: Assets/ContentSizer.png
diff --git a/components/Sizers/samples/GridSplitter.md b/components/Sizers/samples/GridSplitter.md
index cefcb476..02d40a9b 100644
--- a/components/Sizers/samples/GridSplitter.md
+++ b/components/Sizers/samples/GridSplitter.md
@@ -6,7 +6,7 @@ keywords: ContentSizer, SizerBase, Control, Layout, Expander
 dev_langs:
   - csharp
 category: Controls
-subcategory: Layout
+subcategory: Sizers
 discussion-id: 96
 issue-id: 101
 icon: Assets/GridSplitter.png
diff --git a/components/Sizers/samples/PropertySizer.md b/components/Sizers/samples/PropertySizer.md
index 2883a4a6..126d0ab0 100644
--- a/components/Sizers/samples/PropertySizer.md
+++ b/components/Sizers/samples/PropertySizer.md
@@ -6,7 +6,7 @@ keywords: PropertySizer, SizerBase, Control, Layout, NavigationView, Splitter
 dev_langs:
   - csharp
 category: Controls
-subcategory: Layout
+subcategory: Sizers
 discussion-id: 96
 issue-id: 101
 icon: Assets/PropertySizer.png
diff --git a/components/Sizers/samples/SizerControls.md b/components/Sizers/samples/SizerControls.md
index 47d4ce46..6b7d570e 100644
--- a/components/Sizers/samples/SizerControls.md
+++ b/components/Sizers/samples/SizerControls.md
@@ -1,12 +1,12 @@
 ---
-title: Sizer Controls
+title: Sizer overview
 author: mhawker
 description: The Sizer controls allow users to resize various parts of your UI easily in a consistent fashion.
 keywords: GridSplitter, ContentSizer, PropertySizer, SizerBase, Control, Layout, Expander, Grid, Splitter
 dev_langs:
   - csharp
 category: Controls
-subcategory: Layout
+subcategory: Sizers
 discussion-id: 96
 issue-id: 101
 icon: Assets/Sizers.png
diff --git a/components/TokenizingTextBox/samples/TokenizingTextBox.md b/components/TokenizingTextBox/samples/TokenizingTextBox.md
index 407f7926..074186e8 100644
--- a/components/TokenizingTextBox/samples/TokenizingTextBox.md
+++ b/components/TokenizingTextBox/samples/TokenizingTextBox.md
@@ -6,7 +6,7 @@ keywords: TokenizingTextBox, control, tokens
 dev_langs:
   - csharp
 category: Controls
-subcategory: Input
+subcategory: Text
 discussion-id: 0
 issue-id: 0
 icon: Assets/TokenizingTextBox.png
diff --git a/components/Triggers/samples/Triggers.md b/components/Triggers/samples/Triggers.md
index e67cb361..3ff72aeb 100644
--- a/components/Triggers/samples/Triggers.md
+++ b/components/Triggers/samples/Triggers.md
@@ -6,7 +6,7 @@ keywords: CompareStateTrigger, ControlSizeTrigger, FullScreenModeStateTrigger, I
 dev_langs:
   - csharp
 category: Xaml
-subcategory: None
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/Triggers.png

From 5b0531f3e69cf2117b0377d86498c7a39d7b0507 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 1 Sep 2023 18:11:39 +0200
Subject: [PATCH 2/5] Removing SettingsPageExample.md

---
 components/Animations/samples/Animations.md       |  2 +-
 .../Animations/samples/ConnectedAnimations.md     |  2 +-
 .../SettingsControls/samples/SettingsExpander.md  |  6 ++++++
 .../samples/SettingsPageExample.md                | 15 ---------------
 4 files changed, 8 insertions(+), 17 deletions(-)
 delete mode 100644 components/SettingsControls/samples/SettingsPageExample.md

diff --git a/components/Animations/samples/Animations.md b/components/Animations/samples/Animations.md
index a66f6add..29a653d0 100644
--- a/components/Animations/samples/Animations.md
+++ b/components/Animations/samples/Animations.md
@@ -6,7 +6,7 @@ keywords: Animations, Effects, Layout, Composition, animationset
 dev_langs:
   - csharp
 category: Animations
-subcategory: Layout
+subcategory: Effects
 discussion-id: 0
 issue-id: 0
 icon: Assets/ImplicitAnimations.png
diff --git a/components/Animations/samples/ConnectedAnimations.md b/components/Animations/samples/ConnectedAnimations.md
index 47b015aa..f78b1d7d 100644
--- a/components/Animations/samples/ConnectedAnimations.md
+++ b/components/Animations/samples/ConnectedAnimations.md
@@ -6,7 +6,7 @@ keywords: Animations, Effects, Layout, Composition, animationset, animation, coo
 dev_langs:
   - csharp
 category: Animations
-subcategory: Layout
+subcategory: Effects
 discussion-id: 0
 issue-id: 0
 icon: Assets/ConnectedAnimations.png
diff --git a/components/SettingsControls/samples/SettingsExpander.md b/components/SettingsControls/samples/SettingsExpander.md
index 024d4a13..29dc4a99 100644
--- a/components/SettingsControls/samples/SettingsExpander.md
+++ b/components/SettingsControls/samples/SettingsExpander.md
@@ -25,3 +25,9 @@ You can easily override certain properties to create custom experiences. For ins
 > [!SAMPLE SettingsExpanderItemsSourceSample]
 
 NOTE: Due to [a bug](https://github.com/microsoft/microsoft-ui-xaml/issues/3842) related to the `ItemsRepeater` used in `SettingsExpander`, there might be visual glitches whenever the `SettingsExpander` expands and a `MaxWidth` is set on a parent `StackPanel`. As a workaround, the `StackPanel` (that has the `MaxWidth` set) can be wrapped in a `Grid` to overcome this issue. See the `SettingsPageExample` for snippet.
+
+### Settings page example
+
+The following sample provides a typical design page, following the correct Windows 11 design specifications for things like spacing, section headers and animations.
+
+> [!SAMPLE SettingsPageExample]
diff --git a/components/SettingsControls/samples/SettingsPageExample.md b/components/SettingsControls/samples/SettingsPageExample.md
deleted file mode 100644
index 2855303b..00000000
--- a/components/SettingsControls/samples/SettingsPageExample.md
+++ /dev/null
@@ -1,15 +0,0 @@
----
-title: Settings page (example)
-author: niels9001
-description: A full example of building a Windows 11 style settings experience with SettingsCard and SettingsExpander.
-keywords: SettingsCard, SettingsExpander, Example, Control, Layout, Settings
-dev_langs:
-  - csharp
-category: Controls
-subcategory: Layout
-discussion-id: 0
-issue-id: 0
-icon: Assets/SettingsExpander.png
----
-
-> [!SAMPLE SettingsPageExample]

From 404e2801358553284e1ccbafef096b68815cc074 Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 1 Sep 2023 18:35:41 +0200
Subject: [PATCH 3/5] Moving to Animations

---
 .../Behaviors/samples/Assets/AnimationSet.png | Bin 3375 -> 3360 bytes
 .../Behaviors/samples/Behaviors.Animations.md |   2 +-
 .../samples/Assets/ShadowAnimation.png        | Bin 0 -> 2891 bytes
 .../samples/Extensions.Samples.csproj         |   4 ++++
 .../Extensions/samples/StringExtensions.md    |   2 +-
 5 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 components/Extensions/samples/Assets/ShadowAnimation.png

diff --git a/components/Behaviors/samples/Assets/AnimationSet.png b/components/Behaviors/samples/Assets/AnimationSet.png
index 4e8f924f9186dc537c12e718b7e7f80c38fa6a61..d12f585d679c9482d842179b67b5f4182f04fce2 100644
GIT binary patch
delta 3320
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
Cu511P

delta 3335
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
RY}5b%002ovPDHLkV1ksCSM>k@

diff --git a/components/Behaviors/samples/Behaviors.Animations.md b/components/Behaviors/samples/Behaviors.Animations.md
index f674aba5..c7687c67 100644
--- a/components/Behaviors/samples/Behaviors.Animations.md
+++ b/components/Behaviors/samples/Behaviors.Animations.md
@@ -6,7 +6,7 @@ keywords: Behaviors, animations, animationset, xaml, visual, composition
 dev_langs:
   - csharp
 category: Animations
-subcategory: Behaviors
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/AnimationSet.png
diff --git a/components/Extensions/samples/Assets/ShadowAnimation.png b/components/Extensions/samples/Assets/ShadowAnimation.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a34b77cafb44d53c4b83a6e5c5af6180e55f574
GIT binary patch
literal 2891
zcmV-R3$*l!P)<h;3K|Lk000e1NJLTq001@s001@!1^@s6j74hQ00009a7bBm000P1
z000P10gN#K>;M1&0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH3gAgZK~#7F?OMH(
z9aj<Vo_kk6mcf!$lnETdW03F?1O$Er6$B6gr5C^uKtxgHh?gLuhzLwZ6_Hc?Q`QfX
zysO>m_Bq{O_vx9Px!TZyuC#mi&YU@?f4=^@PoGQl_VxDlop|y3!plGX>UTubBO<xa
z+-|FqVxWrlOWI!T1NqH%%P-j*`8EIF$K-f_px^a@{Ss+jZkN~>vU}{p*`tiH8kfeJ
z_W22ke)7(5|MH7n#a{jS*B`ghk8q1k6WojWxXluBx}c&t0hDEoXA0p%zoA?XRxF{R
zP#6coX^u~Y!gf#;qvY}3-~9D)h%!~h+L(|0p*~LBc<o*BH_7aJsF?dyXJ4f2Z$Dzs
zwefvH_GgH3&2;wnHi=zRj=$X=qNbogVEbqjv<KUKHowoy&=`WZkNl|Wa$LAi<^J%r
zq_+LD_EiKB;eZkWstfqEdE%~F)?k)yu|EYP;O&8S_pDhUTpJLl8VfW$73ih=yNa1L
zF+sU#kCNu1q;6655Y&K-mN-IuLBNm<L7|$M3w4L^ZWx!}^w6-I8^^p$i&&Tbrx5Kb
z77`(TG-W4AF*v>8ib8OEl>HsgcCT>gOGD|RBS<9U#veso!6Fjl6wW8;oIX%ff7oeT
zF)Xe*@k*IsJubY#IkLa^(E`I`fWSe}JdI>=rDI;VPVfi!@f@653<#cKHy(VhCp^Z1
zAz!;cse{=d{eZR!JmO8$%3K7Y0=vdF1|d>fK+hKg=OcU~jxrkv)fpMCa<RwnZN<#*
z0h`c~t3~}<<{H&P>%-$v+8qSZB#a<LmCmKb(Zo)?G&sqe!Bf94>1)b#Hy{aYt<+j6
zHmMVXTh$#-;w)CY;7I%41D)P`*s~ftD#S?u{#Mr{;{`u<MYJUPfukYYv#)u2{<YGa
zK6RgnYOs`s?R6WAD^~RKp|V~^JG|KE)(?Ng_kRA%B<I1-JtawcQh=3Y+qAylgE1Tk
ze$VH7`V~!o`#l|BUkqz%MClMnGrTqbPAAn59FFxY?CA3(>I=8`*OymJAO4tPH7H<^
z5l^)Kd3b63qydXUF;AWE`|s1``#+?s+382deU~iPv~|sUB5(2-tJa#(+0Q+uUWw>D
z&s>rajWng3*VckB{@(eyxN10@XF59`IJH`OjAX2H&0|Yeq(YwpR_BqktooU)ywVE4
zgi!UumLdgi^@ldDJwLzV<N0g7eLUz{Tm5XBXmT!%x&TihhpmF_dgX!Yr)%PwP&!`i
zsiqV+Z*{+4htf?vLA0yL`ub;2U()$k&-w1*pm&cGeQ@tCKfHaWhlx9Yc#Ibi3ZL?r
zLk`g$XksVXQc72E-S8)kcf&DH&M)-Ii*vr++;r<One6YL9rzAUss)xV@uEVzt{4fD
zjK@~&!HB~5k~H2u$v2G`pIR1PsY;CHC9lou^xp767wz|}%d18vvkK>PnIlwJTG2-3
zp(7h+U>bxyv@CBr59JD*Le|e!sVe*_MV$%puPfRjV^&bRQ(VvBk)!FPVom@KJ<TFQ
zqjJ`yU8mWFpdtJoytb5zpRMbe*oj8P*2c9k_mJpYUVn~JaqY*L?dQ7m!4?WHBRnHt
z`NG4ivSG1mthJ&yy4D0~+ghFs`pyxtjOWN2V|opa$E8Jmpa}X85F9v8WhKZ1^t~n6
zmM6Bnwr2=2VrE4_Zcyy<rBczNaM^g>y;(xh!b~)~5%%QRQ*{dpR#vYOTg5)x!h0~=
zQequjn?`8A=0;G5X|nxG$Ro0de;RrBgkoNvEFZ)t5QoEV1|tq{x-iUqQjt9muJ6b4
zlkcTnagdgxyw|#m)s%Bbv2ZgACTxO%W$(K{0W6@KFk5?L@9+9rkLggf>eS1-tYf>!
zV!t|S^bvoXiglU8W#$mJDk}rjy`@%tyom_b-dNvfu-aB^ste*fg~_*}7T0ZYJ!CG9
zT?}<b<dvlsip|9u>a8i)6E4c?1?|H%+)jCB&k%b=W00_#pfRJ1!Qy)|#2}@oB53wK
zR+RF&+;gHbk{Th#AcU0I3c=R7ZLQFrCl_-7ecZ!&B5w!UJ|$!&^lp>2_w$&_P$uw;
z_%zZ9R`jim<kn>ksSvITx>jHhiZOmdz=zv>XEBpZ=z$RS>KZ0KQ3Oje4n?ThB&ZJ6
zH<NU|s^5mvE)2sMTS|wr0wxUP`0l%e61<QMek#VYo0c7*fTm_|rooa=S^6fQx9+VC
zAUNgl?sZ2>hs^A-gkXc#2FYzIrr2M*GHxOB6rPu0R#86XnJq7Ejj!XXvCO*0R=xO@
z=m5iW2oV3oP6x8)j%#$E1QM%8I}ece%pa!Q5o`^&t=CNq(!F+sOKf~!dy?TP1=$BN
z>?t<tFif9u<}8HFZ?)v9_*p9)2MK#|xaavmOB_%bNlJ<qL%;|pSkaMa-M4HAYUDI#
zv<`&Mzx>})Y29YPwKw0SRDI^z=byvK1OzrE=Gn8_*gczoycU8s_G6N#g}QL1-9cCG
z$-n+VFD|b1_~0S;Zql>MD}DL;lFLrQ+-{YF!+6!@6^?U+PDY{7G+7PKU;Ot!`s&G-
ze0Mr@vOstQ)G2%R8blXI3cDWD5l<;aL=<p-XxH9p756uv{*zub3;zH0C4Kh%8~Wna
z#R$z+ZOWrrV!jU+BA^LDVvy~69Gix%&!NB#NA+#`^ux!PQG-u}*G-SD9dvk^bQ~w8
zCwhmqH(0neR@!^N!S5cA`toe<eTw>G%YZKS$f|v&DVz%3H8)hYo+-ymFSrcdYg2`6
zBH?6=c`KS@1Ic4TjZ(qVNZ0F5PXxz9uP^mZYmYSxb8Nn6Jj*&o&p!f;aL5|_1A}iT
zy4kvY-o|tZInJAHqykF53C?&;3fEJeV8NNNj#K%tDI<^Aq*I@6vUB#<$Yi?H+GBSb
zJg?NL_h=Mjr>u<Nc3+iqR?TJ*bv|g%#Kr>A7m~JX$F_zGYW;qtAdif*Re;eZ6czca
z9^C+1L(@F!xYgc1xO2uW%;|iV+`9#(>Nva!bHx`AymppV+91mFIl|(%8v1^4Hqn_{
z+Vaw&Dy4cFirp(RzK5aaDTgL_fa^r2Y$FrBe|DgId^@`k8u3{ud0`?Q={4`g-Ve%p
z{xS({jV@>dNiXNH1|^$vF0$t_S>_s-QHn*?&$bZp3U!a|*Wq9%(uOSd16HM^VM8sN
zfn`Uoi7NL_V0L1hg%MTMh|J;2Ahf8qXt8&qjT22BB2i7Mq)Sul_?-1;#M5|=DE*Z1
zPOSht&1gwDjR`Y##IqfObF{Rx3enRoZg`nJ%(5Ni+Xu#ifJ}*r63F@O2ZXB-k0N2P
zchOvRz-lNBb_RRaENCKVnz!c5H_*LOn9!_{XEZ4BNoWwAQVBTCB4DtUZF8t7F(hH%
z=5w-)rqY_7Be1Jq3`TYD5sfd(D7bW2G1X`7*L#%cM)K1vj>p;+iWXNOn{m3I-yo`H
z)v|d+gBN=R&y!<iDre_aVYKd@JdxFnW}a4Emfxik{X_KSdz~j%O$*v?o*mVDkG)>A
zyeFV<jI;iFe>T2@Wn;y+AigW`YrZ4b(VUqj2|>}{@IqmnRdb|5R49YQtN{9?>auDK
z6aD*VKmEAb;-mK1gX_g6N~|y}`i|bs3iceHq(U+vkcti(UMWddN2LQ!<w{74#*xGH
pNfY9aKl%HokLm5}?d!Yu`W8au67^;1s{a50002ovPDHLkV1j$@wBrB(

literal 0
HcmV?d00001

diff --git a/components/Extensions/samples/Extensions.Samples.csproj b/components/Extensions/samples/Extensions.Samples.csproj
index 33af7944..4b4a26fd 100644
--- a/components/Extensions/samples/Extensions.Samples.csproj
+++ b/components/Extensions/samples/Extensions.Samples.csproj
@@ -9,6 +9,7 @@
     <None Remove="Assets\Extensions.png" />
     <None Remove="Assets\Llama.jpg" />
     <None Remove="Assets\Shadow.png" />
+    <None Remove="Assets\ShadowAnimation.png" />
   </ItemGroup>
   <ItemGroup>
     <Content Include="Assets\Extensions.png">
@@ -20,5 +21,8 @@
     <Content Include="Assets\Shadow.png">
       <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
     </Content>
+    <Content Include="Assets\ShadowAnimation.png">
+      <CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
+    </Content>
   </ItemGroup>
 </Project>
diff --git a/components/Extensions/samples/StringExtensions.md b/components/Extensions/samples/StringExtensions.md
index 939c215c..915e7409 100644
--- a/components/Extensions/samples/StringExtensions.md
+++ b/components/Extensions/samples/StringExtensions.md
@@ -6,7 +6,7 @@ keywords: windows 10, uwp, windows community toolkit, uwp community toolkit, uwp
 dev_langs:
   - csharp
 category: Extensions
-subcategory: Text
+subcategory: Miscellaneous
 discussion-id: 0
 issue-id: 0
 icon: Assets/Extensions.png

From 3572b25d7431d744f7bacfa5d37563072f79149a Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 1 Sep 2023 18:49:45 +0200
Subject: [PATCH 4/5] Adding shadow animations page

---
 .../Extensions/samples/ShadowAnimations.md    | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 components/Extensions/samples/ShadowAnimations.md

diff --git a/components/Extensions/samples/ShadowAnimations.md b/components/Extensions/samples/ShadowAnimations.md
new file mode 100644
index 00000000..d94c147a
--- /dev/null
+++ b/components/Extensions/samples/ShadowAnimations.md
@@ -0,0 +1,57 @@
+---
+title: Shadow animations
+author: michael-hawker
+description: Animating Attached Shadows
+keywords: shadow, shadows, dropshadow, dropshadowpanel, attachedshadow, attacheddropshadow, attachedcardshadow
+dev_langs:
+  - csharp
+category: Animations
+subcategory: Shadows
+discussion-id: 0
+issue-id: 0
+icon: Assets/ShadowAnimation.png
+---
+
+Either type of Attached Shadow can be easily animated using the Toolkit's [`AnimationSet`](../animations/AnimationSet.md) api. These provide an easy XAML based way to animate a wide variety of elements, including a variety of shadow properties. They can also be animated with any other composition animation technique in code-behind as well using either the [`AnimationBuilder`](../animations/AnimationBuilder.md) or built-in composition animations.
+
+> **Platform APIs:** [`BlurRadiusDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.blurradiusdropshadowanimation), [`ColorDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.colordropshadowanimation), [`OffsetDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.offsetdropshadowanimation), [`OpacityDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.opacitydropshadowanimation)
+
+> [!NOTE]
+> `AttachedCardShadow` has better support for animations which involve translation of the element along with the shadow. If animating an `AttachedDropShadow` it is best to only animate the shadow itself vs. moving the element it is attached to. This can cause the shadow and element to be desynchronized.
+
+### Example
+
+The following example uses a combination of behaviors and animations apis to create an animated shadow effect when hovering over an image with an [`OffsetDropShadowAnimation`](/dotnet/api/microsoft.toolkit.uwp.ui.animations.offsetdropshadowanimation):
+
+```xaml
+    xmlns:ui="using:CommunityToolkit.WinUI"
+    xmlns:media="using:CommunityToolkit.WinUI.Media"
+    xmlns:interactivity="using:Microsoft.Xaml.Interactivity"
+    xmlns:interactions="using:Microsoft.Xaml.Interactions.Core"
+    xmlns:ani="using:CommunityToolkit.WinUI.Animations"
+    xmlns:behaviors="using:CommunityToolkit.WinUI.Behaviors"/>
+
+    <Image Height="100" Width="100"
+           Source="ms-appx:///Assets/Photos/Owl.jpg">
+        <ui:Effects.Shadow>
+            <media:AttachedCardShadow Offset="4" CornerRadius="0"/>
+        </ui:Effects.Shadow>
+        <ani:Explicit.Animations>
+            <ani:AnimationSet x:Name="ShadowEnterAnimation">
+                <ani:OffsetDropShadowAnimation To="12"/>
+            </ani:AnimationSet>
+
+            <ani:AnimationSet x:Name="ShadowExitAnimation">
+                <ani:OffsetDropShadowAnimation To="4"/>
+            </ani:AnimationSet>
+        </ani:Explicit.Animations>
+        <interactivity:Interaction.Behaviors>
+            <interactions:EventTriggerBehavior EventName="PointerEntered">
+                <behaviors:StartAnimationAction Animation="{x:Bind ShadowEnterAnimation}"/>
+            </interactions:EventTriggerBehavior>
+            <interactions:EventTriggerBehavior EventName="PointerExited">
+                <behaviors:StartAnimationAction Animation="{x:Bind ShadowExitAnimation}"/>
+            </interactions:EventTriggerBehavior>
+        </interactivity:Interaction.Behaviors>
+    </Image>
+```

From beb4cd7e715b3b3d06089444d8c4100bfe4121fc Mon Sep 17 00:00:00 2001
From: Niels Laute <niels.laute@live.nl>
Date: Fri, 1 Sep 2023 18:54:38 +0200
Subject: [PATCH 5/5] Update tooling

---
 tooling | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tooling b/tooling
index 86db77d8..c11f75df 160000
--- a/tooling
+++ b/tooling
@@ -1 +1 @@
-Subproject commit 86db77d8b0736d45e5c5b023745261b7970f475d
+Subproject commit c11f75df72b7d02f15426868422072e141829492