From b7edc5550befee57b9ae45cb6ccace9127df9ebb Mon Sep 17 00:00:00 2001
From: rabbitism <popmessiah@hotmail.com>
Date: Wed, 28 Jun 2023 03:49:32 +0800
Subject: [PATCH] feat: add button group.

---
 demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml    |  19 +++
 demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml.cs |  15 +++
 .../ViewModels/ButtonGroupViewModel.cs        |  11 ++
 demo/Ursa.Demo/Views/MainWindow.axaml         |   3 +
 .../Controls/ButtonGroup.axaml                |  72 +++++++++++
 src/Ursa.Themes.Semi/Controls/_index.axaml    |   1 +
 src/Ursa.Themes.Semi/Index.axaml              |   2 +
 src/Ursa.Themes.Semi/Styles/ButtonGroup.axaml | 122 ++++++++++++++++++
 src/Ursa.Themes.Semi/Styles/_index.axaml      |   9 ++
 .../Themes/Light/ButtonGroup.axaml            |  86 ++++++++++++
 .../Themes/Light/_index.axaml                 |   1 +
 src/Ursa/Controls/ButtonGroup.cs              |  23 ++++
 12 files changed, 364 insertions(+)
 create mode 100644 demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml
 create mode 100644 demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml.cs
 create mode 100644 demo/Ursa.Demo/ViewModels/ButtonGroupViewModel.cs
 create mode 100644 src/Ursa.Themes.Semi/Controls/ButtonGroup.axaml
 create mode 100644 src/Ursa.Themes.Semi/Styles/ButtonGroup.axaml
 create mode 100644 src/Ursa.Themes.Semi/Styles/_index.axaml
 create mode 100644 src/Ursa.Themes.Semi/Themes/Light/ButtonGroup.axaml
 create mode 100644 src/Ursa/Controls/ButtonGroup.cs

diff --git a/demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml b/demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml
new file mode 100644
index 0000000..17a0621
--- /dev/null
+++ b/demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml
@@ -0,0 +1,19 @@
+<UserControl
+    x:Class="Ursa.Demo.Pages.ButtonGroupDemo"
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:u="https://irihi.tech/ursa"
+    xmlns:vm="clr-namespace:Ursa.Demo.ViewModels;assembly=Ursa.Demo"
+    d:DesignHeight="450"
+    d:DesignWidth="800"
+    x:CompileBindings="True"
+    x:DataType="vm:ButtonGroupViewModel"
+    mc:Ignorable="d">
+
+    <StackPanel Margin="20" Spacing="20">
+        <u:ButtonGroup Classes="Primary Solid" ItemsSource="{Binding Items}" />
+        <u:ButtonGroup Classes="Primary" ItemsSource="{Binding Items}" />
+    </StackPanel>
+</UserControl>
diff --git a/demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml.cs b/demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml.cs
new file mode 100644
index 0000000..695bcd1
--- /dev/null
+++ b/demo/Ursa.Demo/Pages/ButtonGroupDemo.axaml.cs
@@ -0,0 +1,15 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+using Ursa.Demo.ViewModels;
+
+namespace Ursa.Demo.Pages;
+
+public partial class ButtonGroupDemo : UserControl
+{
+    public ButtonGroupDemo()
+    {
+        InitializeComponent();
+        this.DataContext = new ButtonGroupViewModel();
+    }
+}
\ No newline at end of file
diff --git a/demo/Ursa.Demo/ViewModels/ButtonGroupViewModel.cs b/demo/Ursa.Demo/ViewModels/ButtonGroupViewModel.cs
new file mode 100644
index 0000000..aeb2400
--- /dev/null
+++ b/demo/Ursa.Demo/ViewModels/ButtonGroupViewModel.cs
@@ -0,0 +1,11 @@
+using System.Collections.ObjectModel;
+
+namespace Ursa.Demo.ViewModels;
+
+public class ButtonGroupViewModel: ViewModelBase
+{
+    public ObservableCollection<string> Items { get; set; } = new ObservableCollection<string>()
+    {
+        "Ding", "Otter", "Husky", "Mr. 17", "Cass"
+    };
+}
\ No newline at end of file
diff --git a/demo/Ursa.Demo/Views/MainWindow.axaml b/demo/Ursa.Demo/Views/MainWindow.axaml
index ee33626..d6da845 100644
--- a/demo/Ursa.Demo/Views/MainWindow.axaml
+++ b/demo/Ursa.Demo/Views/MainWindow.axaml
@@ -29,6 +29,9 @@
             <TabItem Header="Banner">
                 <pages:BannerDemo />
             </TabItem>
+            <TabItem Header="ButtonGroup">
+                <pages:ButtonGroupDemo />
+            </TabItem>
             <TabItem Header="Divider">
                 <pages:DividerDemo />
             </TabItem>
diff --git a/src/Ursa.Themes.Semi/Controls/ButtonGroup.axaml b/src/Ursa.Themes.Semi/Controls/ButtonGroup.axaml
new file mode 100644
index 0000000..45c12f6
--- /dev/null
+++ b/src/Ursa.Themes.Semi/Controls/ButtonGroup.axaml
@@ -0,0 +1,72 @@
+<ResourceDictionary
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:u="https://irihi.tech/ursa">
+    <!--  Add Resources Here  -->
+    <Design.PreviewWith>
+        <StackPanel Margin="20">
+            <u:ButtonGroup Classes="Primary">
+                <Button Content="Hello" />
+            </u:ButtonGroup>
+        </StackPanel>
+    </Design.PreviewWith>
+    <ControlTheme x:Key="{x:Type u:ButtonGroup}" TargetType="u:ButtonGroup">
+        <Setter Property="VerticalAlignment" Value="Top" />
+        <Setter Property="HorizontalAlignment" Value="Left" />
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupDefaultBackground}" />
+        <Setter Property="CornerRadius" Value="3" />
+        <Setter Property="ClipToBounds" Value="True" />
+        <Setter Property="u:ButtonGroup.ItemContainerTheme" Value="{DynamicResource ButtonGroupItemTheme}" />
+        <Setter Property="u:ButtonGroup.ItemsPanel">
+            <ItemsPanelTemplate>
+                <StackPanel Orientation="Horizontal" />
+            </ItemsPanelTemplate>
+        </Setter>
+        <Setter Property="u:ButtonGroup.Template">
+            <ControlTemplate TargetType="u:ButtonGroup">
+                <Border
+                    Background="{TemplateBinding Background}"
+                    BorderBrush="{TemplateBinding BorderBrush}"
+                    BorderThickness="{TemplateBinding BorderThickness}"
+                    ClipToBounds="True"
+                    CornerRadius="{TemplateBinding CornerRadius}">
+                    <ItemsPresenter Name="PART_ItemsPresenter" ItemsPanel="{TemplateBinding ItemsPanel}" />
+                </Border>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+
+    <ControlTheme x:Key="ButtonGroupItemTheme" TargetType="Button">
+        <Setter Property="HorizontalContentAlignment" Value="Center" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="FontWeight" Value="{DynamicResource ButtonGroupDefaultFontWeight}" />
+        <Setter Property="Cursor" Value="Hand" />
+        <Setter Property="Button.Template">
+            <ControlTemplate TargetType="Button">
+                <DockPanel LastChildFill="True">
+                    <Rectangle
+                        Name="PART_Separator"
+                        Width="1"
+                        Height="16"
+                        VerticalAlignment="Center"
+                        DockPanel.Dock="Right"
+                        Fill="{DynamicResource ButtonGroupSeparatorForeground}" />
+                    <Border
+                        Padding="8"
+                        Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="{TemplateBinding CornerRadius}">
+                        <ContentPresenter
+                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
+                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                            Content="{TemplateBinding Content}"
+                            FontWeight="{TemplateBinding FontWeight}"
+                            Foreground="{TemplateBinding Foreground}" />
+                    </Border>
+                </DockPanel>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+</ResourceDictionary>
diff --git a/src/Ursa.Themes.Semi/Controls/_index.axaml b/src/Ursa.Themes.Semi/Controls/_index.axaml
index c0c304a..7c621a3 100644
--- a/src/Ursa.Themes.Semi/Controls/_index.axaml
+++ b/src/Ursa.Themes.Semi/Controls/_index.axaml
@@ -3,6 +3,7 @@
     <ResourceDictionary.MergedDictionaries>
         <ResourceInclude Source="Badge.axaml" />
         <ResourceInclude Source="Banner.axaml" />
+        <ResourceInclude Source="ButtonGroup.axaml" />
         <ResourceInclude Source="Divider.axaml" />
         <ResourceInclude Source="IPv4Box.axaml" />
         <ResourceInclude Source="Loading.axaml" />
diff --git a/src/Ursa.Themes.Semi/Index.axaml b/src/Ursa.Themes.Semi/Index.axaml
index 414abaa..6e94216 100644
--- a/src/Ursa.Themes.Semi/Index.axaml
+++ b/src/Ursa.Themes.Semi/Index.axaml
@@ -17,5 +17,7 @@
         </ResourceDictionary>
     </Styles.Resources>
 
+    <StyleInclude Source="../Styles/_index.axaml" />
+
     <!--  Add Styles Here  -->
 </Styles>
diff --git a/src/Ursa.Themes.Semi/Styles/ButtonGroup.axaml b/src/Ursa.Themes.Semi/Styles/ButtonGroup.axaml
new file mode 100644
index 0000000..a3737fd
--- /dev/null
+++ b/src/Ursa.Themes.Semi/Styles/ButtonGroup.axaml
@@ -0,0 +1,122 @@
+<Styles
+    xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:u="https://irihi.tech/ursa">
+    <Design.PreviewWith>
+        <Border Padding="20">
+            <!--  Add Controls for Previewer Here  -->
+            <u:ButtonGroup Classes="Primary Solid">
+                <Button Content="Hello" />
+                <Button Content="Avalonia" />
+                <Button Content="Hello" />
+                <Button Content="IRIHI" />
+            </u:ButtonGroup>
+        </Border>
+    </Design.PreviewWith>
+
+    <!--  Add Styles Here  -->
+    <Style Selector="u|ButtonGroup Button:nth-last-child(1) /template/ Rectangle#PART_Separator">
+        <Setter Property="IsVisible" Value="False" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Borderless">
+        <Setter Property="Background" Value="Transparent" />
+    </Style>
+    <Style Selector="u|ButtonGroup Button:pointerover">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupDefaultPointeroverBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup Button:pressed">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupDefaultPressedBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Primary Button">
+        <Setter Property="Foreground" Value="{DynamicResource ButtonGroupDefaultPrimaryForeground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Secondary Button">
+        <Setter Property="Foreground" Value="{DynamicResource ButtonGroupDefaultSecondaryForeground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Tertiary Button">
+        <Setter Property="Foreground" Value="{DynamicResource ButtonGroupDefaultTertiaryForeground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Warning Button">
+        <Setter Property="Foreground" Value="{DynamicResource ButtonGroupDefaultWarningForeground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Danger Button">
+        <Setter Property="Foreground" Value="{DynamicResource ButtonGroupDefaultDangerForeground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Success Button">
+        <Setter Property="Foreground" Value="{DynamicResource ButtonGroupDefaultSuccessForeground}" />
+    </Style>
+
+    <Style Selector="u|ButtonGroup.Solid.Primary">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidPrimaryBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Secondary">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidSecondaryBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Tertiary">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidTertiaryBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Warning">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidWarningBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Danger">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidDangerBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Success">
+        <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidSuccessBackground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid Button">
+        <Setter Property="Foreground" Value="{DynamicResource ButtonGroupSolidForeground}" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid Button">
+        <Setter Property="Background" Value="Transparent" />
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Primary Button">
+        <Style Selector="^:pointerover">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidPrimaryPointeroverBackground}" />
+        </Style>
+        <Style Selector="^:pressed">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidPrimaryPressedBackground}" />
+        </Style>
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Secondary Button">
+        <Style Selector="^:pointerover">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidSecondaryPointeroverBackground}" />
+        </Style>
+        <Style Selector="^:pressed">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidSecondaryPressedBackground}" />
+        </Style>
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Tertiary Button">
+        <Style Selector="^:pointerover">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidTertiaryPointeroverBackground}" />
+        </Style>
+        <Style Selector="^:pressed">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidTertiaryPressedBackground}" />
+        </Style>
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Warning Button">
+        <Style Selector="^:pointerover">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidWarningPointeroverBackground}" />
+        </Style>
+        <Style Selector="^:pressed">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidWarningPressedBackground}" />
+        </Style>
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Danger Button">
+        <Style Selector="^:pointerover">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidDangerPointeroverBackground}" />
+        </Style>
+        <Style Selector="^:pressed">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidDangerPressedBackground}" />
+        </Style>
+    </Style>
+    <Style Selector="u|ButtonGroup.Solid.Success Button">
+        <Style Selector="^:pointerover">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidSuccessPointeroverBackground}" />
+        </Style>
+        <Style Selector="^:pressed">
+            <Setter Property="Background" Value="{DynamicResource ButtonGroupSolidSuccessPressedBackground}" />
+        </Style>
+    </Style>
+
+</Styles>
diff --git a/src/Ursa.Themes.Semi/Styles/_index.axaml b/src/Ursa.Themes.Semi/Styles/_index.axaml
new file mode 100644
index 0000000..8423f00
--- /dev/null
+++ b/src/Ursa.Themes.Semi/Styles/_index.axaml
@@ -0,0 +1,9 @@
+<Styles xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <Design.PreviewWith>
+        <Border Padding="20">
+            <!--  Add Controls for Previewer Here  -->
+        </Border>
+    </Design.PreviewWith>
+    <StyleInclude Source="ButtonGroup.axaml" />
+    <!--  Add Styles Here  -->
+</Styles>
diff --git a/src/Ursa.Themes.Semi/Themes/Light/ButtonGroup.axaml b/src/Ursa.Themes.Semi/Themes/Light/ButtonGroup.axaml
new file mode 100644
index 0000000..efa6ebe
--- /dev/null
+++ b/src/Ursa.Themes.Semi/Themes/Light/ButtonGroup.axaml
@@ -0,0 +1,86 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    <!--  Add Resources Here  -->
+
+    <x:Double x:Key="ButtonGroupDefaultFontSize">14</x:Double>
+    <FontWeight x:Key="ButtonGroupDefaultFontWeight">600</FontWeight>
+    <CornerRadius x:Key="ButtonGroupCornerRadius">3</CornerRadius>
+
+    <SolidColorBrush x:Key="ButtonGroupSeparatorForeground" Opacity="0.08" Color="#FF1C1F23" />
+    <!--  Light  -->
+    <SolidColorBrush x:Key="ButtonGroupDefaultPrimaryForeground" Color="#0077FA" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultSecondaryForeground" Color="#0095EE" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultTertiaryForeground" Color="#6B7075" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultSuccessForeground" Color="#3BB346" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultWarningForeground" Color="#FC8800" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultDangerForeground" Color="#F93920" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultDisabledForeground" Opacity="0.35" Color="#1C1F23" />
+
+    <SolidColorBrush x:Key="ButtonGroupDefaultBackground" Opacity="0.05" Color="#2E3238" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultPointeroverBackground" Opacity="0.09" Color="#2E3238" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultPressedBackground" Opacity="0.13" Color="#2E3238" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultDisabledBackground" Color="#E6E8EA" />
+
+    <SolidColorBrush x:Key="ButtonGroupDefaultBorderBrush" Color="Transparent" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultPointeroverBorderBrush" Color="Transparent" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultPressedBorderBrush" Color="Transparent" />
+    <SolidColorBrush x:Key="ButtonGroupDefaultDisabledBorderBrush" Color="Transparent" />
+
+    <!--  end Light  -->
+
+    <!--  Solid  -->
+    <SolidColorBrush x:Key="ButtonGroupSolidForeground" Color="White" />
+    <SolidColorBrush x:Key="ButtonGroupSolidDisabledForeground" Color="Gray" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidPrimaryBackground" Color="#0077FA" />
+    <SolidColorBrush x:Key="ButtonGroupSolidPrimaryPointeroverBackground" Color="#0062D6" />
+    <SolidColorBrush x:Key="ButtonGroupSolidPrimaryPressedBackground" Color="#004FB3" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidSecondaryBackground" Color="#0095EE" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSecondaryPointeroverBackground" Color="#007BCA" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSecondaryPressedBackground" Color="#0063A7" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidTertiaryBackground" Color="#6B7075" />
+    <SolidColorBrush x:Key="ButtonGroupSolidTertiaryPointeroverBackground" Color="#555B61" />
+    <SolidColorBrush x:Key="ButtonGroupSolidTertiaryPressedBackground" Color="#41464C" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidSuccessBackground" Color="#3BB346" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSuccessPointeroverBackground" Color="#30953B" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSuccessPressedBackground" Color="#25772F" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidWarningBackground" Color="#FC8800" />
+    <SolidColorBrush x:Key="ButtonGroupSolidWarningPointeroverBackground" Color="#D26700" />
+    <SolidColorBrush x:Key="ButtonGroupSolidWarningPressedBackground" Color="#A84A00" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidDangerBackground" Color="#F93920" />
+    <SolidColorBrush x:Key="ButtonGroupSolidDangerPointeroverBackground" Color="#D52515" />
+    <SolidColorBrush x:Key="ButtonGroupSolidDangerPressedBackground" Color="#B2140C" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidDisabledBackground" Color="Gray" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidPrimaryBorderBrush" Color="#0077FA" />
+    <SolidColorBrush x:Key="ButtonGroupSolidPrimaryPointeroverBorderBrush" Color="#0062D6" />
+    <SolidColorBrush x:Key="ButtonGroupSolidPrimaryPressedBorderBrush" Color="#004FB3" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidSecondaryBorderBrush" Color="#0095EE" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSecondaryPointeroverBorderBrush" Color="#007BCA" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSecondaryPressedBorderBrush" Color="#0063A7" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidTertiaryBorderBrush" Color="#6B7075" />
+    <SolidColorBrush x:Key="ButtonGroupSolidTertiaryPointeroverBorderBrush" Color="#555B61" />
+    <SolidColorBrush x:Key="ButtonGroupSolidTertiaryPressedBorderBrush" Color="#41464C" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidSuccessBorderBrush" Color="#3BB346" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSuccessPointeroverBorderBrush" Color="#30953B" />
+    <SolidColorBrush x:Key="ButtonGroupSolidSuccessPressedBorderBrush" Color="#25772F" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidWarningBorderBrush" Color="#FC8800" />
+    <SolidColorBrush x:Key="ButtonGroupSolidWarningPointeroverBorderBrush" Color="#D26700" />
+    <SolidColorBrush x:Key="ButtonGroupSolidWarningPressedBorderBrush" Color="#A84A00" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidDangerBorderBrush" Color="#F93920" />
+    <SolidColorBrush x:Key="ButtonGroupSolidDangerPointeroverBorderBrush" Color="#D52515" />
+    <SolidColorBrush x:Key="ButtonGroupSolidDangerPressedBorderBrush" Color="#B2140C" />
+
+    <SolidColorBrush x:Key="ButtonGroupSolidDisabledBorderBrush" Color="Gray" />
+    <!--  end Solid  -->
+</ResourceDictionary>
diff --git a/src/Ursa.Themes.Semi/Themes/Light/_index.axaml b/src/Ursa.Themes.Semi/Themes/Light/_index.axaml
index 025d14f..c892d42 100644
--- a/src/Ursa.Themes.Semi/Themes/Light/_index.axaml
+++ b/src/Ursa.Themes.Semi/Themes/Light/_index.axaml
@@ -3,6 +3,7 @@
     <ResourceDictionary.MergedDictionaries>
         <MergeResourceInclude Source="Badge.axaml" />
         <MergeResourceInclude Source="Banner.axaml" />
+        <MergeResourceInclude Source="ButtonGroup.axaml" />
         <MergeResourceInclude Source="Divider.axaml" />
         <MergeResourceInclude Source="IPv4Box.axaml" />
         <MergeResourceInclude Source="Loading.axaml" />
diff --git a/src/Ursa/Controls/ButtonGroup.cs b/src/Ursa/Controls/ButtonGroup.cs
new file mode 100644
index 0000000..773a1b4
--- /dev/null
+++ b/src/Ursa/Controls/ButtonGroup.cs
@@ -0,0 +1,23 @@
+using System.Net.Http.Headers;
+using Avalonia;
+using Avalonia.Collections;
+using Avalonia.Controls;
+using Avalonia.Controls.Primitives;
+using Avalonia.Media;
+using Avalonia.Metadata;
+
+namespace Ursa.Controls;
+
+public class ButtonGroup: ItemsControl
+{
+    protected override bool NeedsContainerOverride(object? item, int index, out object? recycleKey)
+    {
+        recycleKey = null;
+        return item is not Button;
+    }
+
+    protected override Control CreateContainerForItemOverride(object? item, int index, object? recycleKey)
+    {
+        return new Button();
+    }
+}
\ No newline at end of file