microsoft · Denis Voituron (dvoituron) · Jul 29, 2026 · Jul 28, 2026 · Jul 28, 2026 · Jul 29, 2026
@@ -12,8 +12,8 @@
     <SolutionDir>$(MSBuildThisFileDirectory)</SolutionDir>
     <AccelerateBuildsInVisualStudio>true</AccelerateBuildsInVisualStudio>
 
-    <VersionFile>4.14.3</VersionFile>
-    <VersionPrefix>4.14.3</VersionPrefix>
+    <VersionFile>4.14.4</VersionFile>
+    <VersionPrefix>4.14.4</VersionPrefix>
     <VersionSuffix></VersionSuffix>
     <AssemblyVersion>$(VersionFile)</AssemblyVersion>
     <FileVersion>$(VersionFile)</FileVersion>

@@ -1,3 +1,25 @@
+## V4.14.4
+
+### General
+
+- Fix symbol-publish gate in build-all-lib.yml to use a branch allowlist ([#4960](https://github.com/microsoft/fluentui-blazor/pull/4960))
+- Bump js-yaml from 4.2.0 to 4.3.0 in /src/Core.Assets ([#5048](https://github.com/microsoft/fluentui-blazor/pull/5048))
+- Update devDependencies to latest versions ([#5050](https://github.com/microsoft/fluentui-blazor/pull/5050))
+
+### Components
+
+- \[AnchoredRegion\] Fix focus across shadow DOM and inline popups ([#5041](https://github.com/microsoft/fluentui-blazor/pull/5041))
+- \[DataGrid\] Fix column width popup focus on tab navigation ([#5003](https://github.com/microsoft/fluentui-blazor/pull/5003))
+- \[DataGrid\] Fix issue #5026 (from Aspire) ([#5028](https://github.com/microsoft/fluentui-blazor/pull/5028))
+- \[Dialog\] Add DynamicDependency to prevent trimming ([#5009](https://github.com/microsoft/fluentui-blazor/pull/5009))
+- \[Menu\] Unregister disposed menu instances ([#5035](https://github.com/microsoft/fluentui-blazor/pull/5035))
+
+### Icons and Emoji
+
+- Update to Fluent UI System Icons 1.1.334
+
+See the commit history in the Fluent UI System Icons repository [commit history](https://github.com/microsoft/fluentui-system-icons/commits/main/) for the full list of changes.
+
 ## V4.14.3
 
 ### Components

@@ -2,5 +2,5 @@ variables:
   # File and Package version
   # dev  branch: 1.2.4-Preview-23282-1'    (PackageSuffix is always ignored in Dev branch)
   # main branch: 1.2.4-RC.1'               (PackageSuffix is ignored, if empty, in Main branch)
-  FileVersion: '4.14.3'   # Set the next final version here.
+  FileVersion: '4.14.4'   # Set the next final version here.
   PackageSuffix: ''
@@ -55,10 +55,10 @@
 
         <h2>Latest releases</h2>
         <ul class="news">
+            <li><NewsDate Day="30" Month="Jul" Year="26" /><a href="/WhatsNew">v4.14.4 released</a></li>
             <li><NewsDate Day="24" Month="Jun" Year="26" /><a href="/WhatsNew">v4.14.3 released</a></li>
             <li><NewsDate Day="19" Month="May" Year="26" /><a href="/WhatsNew">v4.14.2 released</a></li>
             <li><NewsDate Day="22" Month="Apr" Year="26" /><a href="/WhatsNew">v4.14.1 released</a></li>
-            <li><NewsDate Day="13" Month="Feb" Year="26" /><a href="/WhatsNew">v4.14.0 released</a></li>
         </ul>
 
         <p>

@@ -0,0 +1,25 @@
+<div style="display: flex; align-items: center;">
+    <FluentButton id="myPopoverKeyboardButton" Appearance="Appearance.Accent" @onclick="() => _visible = !_visible">
+        Open Callout
+    </FluentButton>
+
+    @* Declared between its anchor and the next control so Tab has to skip the open callout. *@
+    <FluentPopover Style="width: 300px;" AnchorId="myPopoverKeyboardButton" @bind-Open="_visible">
+        <Header>Keyboard navigation</Header>
+        <Body>
+            <FluentTextField @bind-Value="_name" Label="Name" />
+        </Body>
+        <Footer>
+            <FluentButton Appearance="Appearance.Accent" @onclick="() => _visible = false">Save</FluentButton>
+        </Footer>
+    </FluentPopover>
+
+    <FluentSpacer />
+
+    <FluentButton id="myPopoverKeyboardNextButton">Next control</FluentButton>
+</div>
+
+@code {
+    private bool _visible;
+    private string? _name;
+}
@@ -15,6 +15,16 @@
 
 <DemoSection Title="Empty parts" Component="typeof(PopoverEmptyParts)"></DemoSection>
 
+<DemoSection Title="Keyboard navigation" Component="typeof(PopoverKeyboardNavigation)">
+    <Description>
+        <p>
+            Tab and Shift+Tab move through the open callout. Tabbing past its last element closes the callout and
+            moves focus to the next control after the anchor, and Shift+Tab from its first element returns focus to
+            the anchor. <code>Escape</code> closes the callout and returns focus to the anchor.
+        </p>
+    </Description>
+</DemoSection>
+
 <h2 id="documentation">Documentation</h2>
 
 <ApiDocumentation Component="typeof(FluentPopover)" />
@@ -1,3 +1,25 @@
+## V4.14.4
+
+### General
+
+- Fix symbol-publish gate in build-all-lib.yml to use a branch allowlist ([#4960](https://github.com/microsoft/fluentui-blazor/pull/4960))
+- Bump js-yaml from 4.2.0 to 4.3.0 in /src/Core.Assets ([#5048](https://github.com/microsoft/fluentui-blazor/pull/5048))
+- Update devDependencies to latest versions ([#5050](https://github.com/microsoft/fluentui-blazor/pull/5050))
+
+### Components
+
+- \[AnchoredRegion\] Fix focus across shadow DOM and inline popups ([#5041](https://github.com/microsoft/fluentui-blazor/pull/5041))
+- \[DataGrid\] Fix column width popup focus on tab navigation ([#5003](https://github.com/microsoft/fluentui-blazor/pull/5003))
+- \[DataGrid\] Fix issue #5026 (from Aspire) ([#5028](https://github.com/microsoft/fluentui-blazor/pull/5028))
+- \[Dialog\] Add DynamicDependency to prevent trimming ([#5009](https://github.com/microsoft/fluentui-blazor/pull/5009))
+- \[Menu\] Unregister disposed menu instances ([#5035](https://github.com/microsoft/fluentui-blazor/pull/5035))
+
+### Icons and Emoji
+
+- Update to Fluent UI System Icons 1.1.334
+
+See the commit history in the Fluent UI System Icons repository [commit history](https://github.com/microsoft/fluentui-system-icons/commits/main/) for the full list of changes.
+
 ## V4.14.3
 
 ### Components

@@ -67,6 +67,7 @@ public class ChannelShare : Icon { public ChannelShare() : base("ChannelShare",
     public class Chat : Icon { public Chat() : base("Chat", IconVariant.Filled, IconSize.Size12, "<path d=\"M1 6a5 5 0 1 1 2.6 4.38l-1.95.6a.5.5 0 0 1-.63-.63l.6-1.95A4.98 4.98 0 0 1 1 6Zm3-.5c0 .28.22.5.5.5h3a.5.5 0 0 0 0-1h-3a.5.5 0 0 0-.5.5ZM4.5 7a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z\"/>") { } }
     public class ChatCheckmark : Icon { public ChatCheckmark() : base("ChatCheckmark", IconVariant.Filled, IconSize.Size12, "<path d=\"M6 1a5 5 0 1 1-2.4 9.38l-1.95.6a.5.5 0 0 1-.63-.63l.6-1.95A5 5 0 0 1 6 1Zm2.35 3.4a.5.5 0 0 0-.7 0L5.5 6.54 4.35 5.4a.5.5 0 0 0-.7.7l1.5 1.5c.2.2.5.2.7 0l2.5-2.5a.5.5 0 0 0 0-.7Z\"/>") { } }
     public class ChatEmpty : Icon { public ChatEmpty() : base("ChatEmpty", IconVariant.Filled, IconSize.Size12, "<path d=\"M6 1a5 5 0 0 0-4.39 7.4l-.59 1.95a.5.5 0 0 0 .63.62l1.94-.59A5 5 0 1 0 6 1Z\"/>") { } }
+    public class ChatMultiple : Icon { public ChatMultiple() : base("ChatMultiple", IconVariant.Filled, IconSize.Size12, "<path d=\"M9.95 4.3a3.99 3.99 0 0 1 .55 4.63l.47 1.41a.5.5 0 0 1-.63.63l-1.41-.47a3.98 3.98 0 0 1-4.63-.55 4.96 4.96 0 0 0 1.83-.08 3 3 0 0 0 2.47-.33.5.5 0 0 1 .43-.06l.68.23-.23-.68a.5.5 0 0 1 .06-.43 2.98 2.98 0 0 0 .33-2.47 5.01 5.01 0 0 0 .08-1.83ZM5 1a4 4 0 1 1-1.93 7.5l-1.41.47a.5.5 0 0 1-.63-.63l.47-1.41A4 4 0 0 1 5 1Z\"/>") { } }
     public class CheckboxUnchecked : Icon { public CheckboxUnchecked() : base("CheckboxUnchecked", IconVariant.Filled, IconSize.Size12, "<path d=\"M2 4c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4Zm2-.5a.5.5 0 0 0-.5.5v4c0 .28.22.5.5.5h4a.5.5 0 0 0 .5-.5V4a.5.5 0 0 0-.5-.5H4Z\"/>") { } }
     public class Checkmark : Icon { public Checkmark() : base("Checkmark", IconVariant.Filled, IconSize.Size12, "<path d=\"M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04Z\"/>") { } }
     public class CheckmarkCircle : Icon { public CheckmarkCircle() : base("CheckmarkCircle", IconVariant.Filled, IconSize.Size12, "<path d=\"M1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Zm7.35-.9a.5.5 0 1 0-.7-.7L5.5 6.54 4.35 5.4a.5.5 0 1 0-.7.7l1.5 1.5c.2.2.5.2.7 0l2.5-2.5Z\"/>") { } }
@@ -80,6 +81,7 @@ public class ChevronRight : Icon { public ChevronRight() : base("ChevronRight",
     public class ChevronUp : Icon { public ChevronUp() : base("ChevronUp", IconVariant.Filled, IconSize.Size12, "<path d=\"M2.22 7.53c.3.3.77.3 1.06 0L6 4.81l2.72 2.72a.75.75 0 0 0 1.06-1.06L6.53 3.22a.75.75 0 0 0-1.06 0L2.22 6.47c-.3.3-.3.77 0 1.06Z\"/>") { } }
     public class Circle : Icon { public Circle() : base("Circle", IconVariant.Filled, IconSize.Size12, "<path d=\"M6 1a5 5 0 1 0 0 10A5 5 0 0 0 6 1Z\"/>") { } }
     public class CircleHalfFill : Icon { public CircleHalfFill() : base("CircleHalfFill", IconVariant.Filled, IconSize.Size12, "<path d=\"M1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Zm1.5 0h7a3.5 3.5 0 1 0-7 0Z\"/>") { } }
+    public class CircleHint : Icon { public CircleHint() : base("CircleHint", IconVariant.Filled, IconSize.Size12, "<path d=\"M5.54 9.47a3.5 3.5 0 0 0 .9 0c.37-.05.74.1.93.4.23.42.05.95-.42 1.04a4.98 4.98 0 0 1-1.91 0c-.47-.1-.65-.63-.42-1.04.19-.31.56-.45.92-.4Zm4.5-2.72c.48 0 .84.43.69.88a5 5 0 0 1-.96 1.65c-.31.36-.86.26-1.1-.15-.18-.32-.11-.71.11-1 .18-.24.34-.5.45-.78.14-.34.45-.6.81-.6Zm-8.08 0c.36 0 .67.26.81.6.12.28.27.54.45.77.22.3.29.69.1 1-.23.41-.78.52-1.1.16a5 5 0 0 1-.95-1.65c-.15-.45.21-.88.69-.88Zm.27-4.03c.3-.36.86-.25 1.1.16.18.31.1.7-.11 1-.18.23-.34.5-.45.78-.14.33-.45.6-.81.6-.48 0-.84-.43-.69-.88a5 5 0 0 1 .96-1.66Zm6.44.15c.23-.4.78-.51 1.1-.16a5 5 0 0 1 .96 1.67c.16.45-.21.87-.69.87-.36 0-.67-.26-.8-.6a3.5 3.5 0 0 0-.46-.78c-.22-.29-.3-.68-.11-1ZM6 1a5 5 0 0 1 .95.1c.47.08.65.61.42 1.02-.18.32-.56.45-.92.4a3.54 3.54 0 0 0-.9 0c-.36.06-.74-.08-.92-.4-.24-.4-.05-.94.41-1.03.31-.06.63-.09.96-.09Z\"/>") { } }
     public class CircleLine : Icon { public CircleLine() : base("CircleLine", IconVariant.Filled, IconSize.Size12, "<path d=\"M1 6a5 5 0 0 1 10 0H1Zm.1 1a5 5 0 0 0 9.8 0H1.1Z\"/>") { } }
     public class Clipboard : Icon { public Clipboard() : base("Clipboard", IconVariant.Filled, IconSize.Size12, "<path d=\"M7.91 2h.59c.83 0 1.5.67 1.5 1.5v6c0 .83-.67 1.5-1.5 1.5h-5A1.5 1.5 0 0 1 2 9.5v-6C2 2.67 2.67 2 3.5 2h.59c.2-.58.76-1 1.41-1h1c.65 0 1.2.42 1.41 1ZM5 2.5c0 .28.22.5.5.5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0-.5.5Z\"/>") { } }
     public class Clock : Icon { public Clock() : base("Clock", IconVariant.Filled, IconSize.Size12, "<path d=\"M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1Zm-.5 2.5A.5.5 0 0 0 5 4v2.5c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1H6V4a.5.5 0 0 0-.5-.5Z\"/>") { } }
@@ -129,6 +131,7 @@ public class HourglassHalf : Icon { public HourglassHalf() : base("HourglassHalf
     public class HourglassOneQuarter : Icon { public HourglassOneQuarter() : base("HourglassOneQuarter", IconVariant.Filled, IconSize.Size12, "<path d=\"M7.3 8.21c.19.18.38.4.53.79H4.16c.15-.39.35-.61.53-.79L4.9 8h2.17l.23.21Z\"/>") { } }
     public class HourglassThreeQuarter : Icon { public HourglassThreeQuarter() : base("HourglassThreeQuarter", IconVariant.Filled, IconSize.Size12, "<path d=\"M6 6.05c.01.73.38 1.24.65 1.54l.37.36.29.26c.18.18.37.4.52.79H4.16c.15-.39.35-.61.53-.79l.28-.26.37-.36c.27-.3.64-.8.66-1.54Zm1.02-2-.37.36c-.27.3-.64.8-.65 1.54a2.32 2.32 0 0 0-.66-1.54 5.81 5.81 0 0 0-.37-.36L4.91 4h2.17l-.06.05Z\"/>") { } }
     public class Important : Icon { public Important() : base("Important", IconVariant.Filled, IconSize.Size12, "<path d=\"M4.28 2.98a1.73 1.73 0 1 1 3.44 0l-.58 4.03a1.15 1.15 0 0 1-2.28 0l-.58-4.03ZM7 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"/>") { } }
+    public class Incognito : Icon { public Incognito() : base("Incognito", IconVariant.Filled, IconSize.Size12, "<path d=\"M8.75 6.5A2.25 2.25 0 1 1 6.51 9H5.5a2.25 2.25 0 1 1-.12-1h1.26c.31-.87 1.14-1.5 2.12-1.5Zm-5.5 1a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5Zm5.5 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5ZM7.38 1c.57 0 1.09.32 1.34.83L10 4.39l.24.04a11.06 11.06 0 0 1 .38.08.5.5 0 0 1-.24.98l-.34-.08A19.75 19.75 0 0 0 6 5a20.86 20.86 0 0 0-4.04.41l-.34.07a.5.5 0 0 1-.24-.97l.1-.02.28-.06L2 4.4l1.28-2.56c.25-.5.77-.83 1.34-.83h2.76Z\"/>") { } }
     public class Info : Icon { public Info() : base("Info", IconVariant.Filled, IconSize.Size12, "<path d=\"M11 6A5 5 0 1 1 1 6a5 5 0 0 1 10 0Zm-5.5.5V8a.5.5 0 0 0 1 0V6.5a.5.5 0 0 0-1 0ZM6 3.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z\"/>") { } }
     public class Link : Icon { public Link() : base("Link", IconVariant.Filled, IconSize.Size12, "<path d=\"M1.5 5.2c0-1.5 1.2-2.7 2.7-2.7h.05a.75.75 0 0 1 0 1.5H4.2C3.54 4 3 4.54 3 5.2v.6C3 6.46 3.54 7 4.2 7h.05a.75.75 0 0 1 0 1.5H4.2a2.7 2.7 0 0 1-2.7-2.7v-.6Zm9 0c0-1.5-1.2-2.7-2.7-2.7h-.05a.75.75 0 0 0 0 1.5h.05C8.46 4 9 4.54 9 5.2v.6C9 6.46 8.46 7 7.8 7h-.05a.75.75 0 0 0 0 1.5h.05c1.5 0 2.7-1.2 2.7-2.7v-.6Zm-5.75-.45a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z\"/>") { } }
     public class LinkSquare : Icon { public LinkSquare() : base("LinkSquare", IconVariant.Filled, IconSize.Size12, "<path d=\"M1 3.25C1 2 2 1 3.25 1h2.5c1.22 0 2.2.96 2.25 2.16v2.68a2.25 2.25 0 0 1-1.5 2.03V3.25a.75.75 0 0 0-.75-.75h-2.5a.75.75 0 0 0-.75.75v2.5c0 .33.2.6.5.71v1.53a2.25 2.25 0 0 1-2-2.24v-2.5Zm3 5.5C4 9.99 5 11 6.25 11h2.5C9.99 11 11 10 11 8.75v-2.5c0-1.16-.88-2.11-2-2.24v1.53c.3.1.5.38.5.71v2.5c0 .41-.34.75-.75.75h-2.5a.75.75 0 0 1-.75-.75V4.13C4.63 4.43 4 5.27 4 6.25v2.5Z\"/>") { } }
@@ -182,6 +185,8 @@ public class Search : Icon { public Search() : base("Search", IconVariant.Filled
     public class Server : Icon { public Server() : base("Server", IconVariant.Filled, IconSize.Size12, "<path d=\"M3 2.5C3 1.67 3.67 1 4.5 1h3C8.33 1 9 1.67 9 2.5v7c0 .83-.67 1.5-1.5 1.5h-3A1.5 1.5 0 0 1 3 9.5v-7Zm2.5.5a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1ZM5 6.5c0 .28.22.5.5.5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0-.5.5ZM5.5 8a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z\"/>") { } }
     public class Shield : Icon { public Shield() : base("Shield", IconVariant.Filled, IconSize.Size12, "<path d=\"M6.01 10.99c-.05 0-.1 0-.16-.03-4.43-1.47-4.37-4.84-4.34-7.29v-.68c0-.28.22-.5.5-.5.02 0 2.31-.02 3.63-1.35a.52.52 0 0 1 .71 0C7.7 2.47 9.97 2.49 10 2.49c.28 0 .5.22.5.5v.68c.04 2.45.1 5.81-4.34 7.3A.42.42 0 0 1 6 11l.02-.01Z\"/>") { } }
     public class SlashForward : Icon { public SlashForward() : base("SlashForward", IconVariant.Filled, IconSize.Size12, "<path d=\"M7.46 1.03c.4.12.63.53.51.93l-2.5 8.5a.75.75 0 0 1-1.44-.42l2.5-8.5c.12-.4.54-.63.93-.5Z\"/>") { } }
+    public class Sparkle : Icon { public Sparkle() : base("Sparkle", IconVariant.Filled, IconSize.Size12, "<path d=\"M7.9 6.33a.7.7 0 0 1 1.2 0l.05.1.25.62c.1.25.3.45.55.55l.62.25a.7.7 0 0 1 0 1.3l-.62.25a1 1 0 0 0-.55.55l-.25.62a.7.7 0 0 1-1.3 0l-.25-.62a1 1 0 0 0-.55-.55l-.62-.25a.7.7 0 0 1 0-1.3l.62-.25a1 1 0 0 0 .55-.55l.25-.62.05-.1ZM3.82 1.38a.8.8 0 0 1 1.42.12l.5 1.21c.1.25.3.45.55.55l1.21.5a.8.8 0 0 1 0 1.48l-1.21.5a1 1 0 0 0-.55.55l-.5 1.21a.8.8 0 0 1-1.48 0l-.5-1.21a1 1 0 0 0-.55-.55l-1.21-.5a.8.8 0 0 1 0-1.48l1.21-.5a1 1 0 0 0 .55-.55l.5-1.21.06-.12Z\"/>") { } }
+    public class SparkleOff : Icon { public SparkleOff() : base("SparkleOff", IconVariant.Filled, IconSize.Size12, "<path d=\"M7.9 6.33a.7.7 0 0 1 1.2 0l.05.1.25.62c.1.25.3.45.55.55l.62.25a.7.7 0 0 1 0 1.3l-.62.25a1 1 0 0 0-.55.55l-.25.62a.7.7 0 0 1-1.3 0l-.25-.62a1 1 0 0 0-.55-.55l-.62-.25a.7.7 0 0 1 0-1.3l.62-.25a1 1 0 0 0 .55-.55l.25-.62.05-.1Zm2.25-5.18a.5.5 0 1 1 .7.7l-9 9a.5.5 0 0 1-.7-.7l9-9Zm-6.33.23a.8.8 0 0 1 1.42.12l.5 1.21c.1.25.3.45.55.55l.23.1-3.16 3.16-.1-.23a1 1 0 0 0-.55-.55l-1.21-.5a.8.8 0 0 1 0-1.48l1.21-.5a1 1 0 0 0 .55-.55l.5-1.21.06-.12Z\"/>") { } }
     public class SplitHorizontal : Icon { public SplitHorizontal() : base("SplitHorizontal", IconVariant.Filled, IconSize.Size12, "<path d=\"M8.5 1c.83 0 1.5.67 1.5 1.5V4H2V2.5C2 1.67 2.67 1 3.5 1h5Zm2 4a.5.5 0 0 1 0 1h-9a.5.5 0 0 1 0-1h9ZM2 7v1.5c0 .83.67 1.5 1.5 1.5h5c.83 0 1.5-.67 1.5-1.5V7H2Z\"/>") { } }
     public class SplitVertical : Icon { public SplitVertical() : base("SplitVertical", IconVariant.Filled, IconSize.Size12, "<path d=\"M6 1.5a.5.5 0 0 0-1 0v9a.5.5 0 0 0 1 0v-9Zm-5 2C1 2.67 1.67 2 2.5 2H4v8H2.5A1.5 1.5 0 0 1 1 8.5v-5ZM7 10h1.5c.83 0 1.5-.67 1.5-1.5v-5C10 2.67 9.33 2 8.5 2H7v8Z\"/>") { } }
     public class Square : Icon { public Square() : base("Square", IconVariant.Filled, IconSize.Size12, "<path d=\"M2 4c0-1.1.9-2 2-2h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4Z\"/>") { } }