cronixui 1.0.0 → 1.0.1

package/packages/win/CronixUI.WinUI/Controls/FlComboBox.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlComboBox : ComboBox
+{
+    public FlComboBox()
+    {
+        DefaultStyleKey = typeof(FlComboBox);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlModal.cs

@@ -0,0 +1,34 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+
+namespace CronixUI.Controls;
+
+public sealed class FlModal : ContentControl
+{
+    public FlModal()
+    {
+        DefaultStyleKey = typeof(FlModal);
+    }
+
+    public static readonly DependencyProperty IsOpenProperty =
+        DependencyProperty.Register(nameof(IsOpen), typeof(bool), typeof(FlModal), new PropertyMetadata(false));
+
+    public bool IsOpen
+    {
+        get => (bool)GetValue(IsOpenProperty);
+        set => SetValue(IsOpenProperty, value);
+    }
+
+    public static readonly DependencyProperty TitleProperty =
+        DependencyProperty.Register(nameof(Title), typeof(string), typeof(FlModal), new PropertyMetadata(string.Empty));
+
+    public string Title
+    {
+        get => (string)GetValue(TitleProperty);
+        set => SetValue(TitleProperty, value);
+    }
+
+    public void Open() => IsOpen = true;
+    public void Close() => IsOpen = false;
+}

package/packages/win/CronixUI.WinUI/Controls/FlNavigation.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlNavigation : NavigationView
+{
+    public FlNavigation()
+    {
+        DefaultStyleKey = typeof(FlNavigation);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlProgressBar.cs

@@ -0,0 +1,21 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlProgressBar : ProgressBar
+{
+    public FlProgressBar()
+    {
+        DefaultStyleKey = typeof(FlProgressBar);
+    }
+
+    public static readonly DependencyProperty VariantProperty =
+        DependencyProperty.Register(nameof(Variant), typeof(string), typeof(FlProgressBar), new PropertyMetadata("default"));
+
+    public string Variant
+    {
+        get => (string)GetValue(VariantProperty);
+        set => SetValue(VariantProperty, value);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlRadioButton.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlRadioButton : RadioButton
+{
+    public FlRadioButton()
+    {
+        DefaultStyleKey = typeof(FlRadioButton);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlSlider.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlSlider : Slider
+{
+    public FlSlider()
+    {
+        DefaultStyleKey = typeof(FlSlider);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlSpinner.cs

@@ -0,0 +1,21 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlSpinner : ProgressRing
+{
+    public FlSpinner()
+    {
+        DefaultStyleKey = typeof(FlSpinner);
+    }
+
+    public static readonly DependencyProperty SizeProperty =
+        DependencyProperty.Register(nameof(Size), typeof(string), typeof(FlSpinner), new PropertyMetadata("md"));
+
+    public string Size
+    {
+        get => (string)GetValue(SizeProperty);
+        set => SetValue(SizeProperty, value);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlTabs.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlTabs : TabView
+{
+    public FlTabs()
+    {
+        DefaultStyleKey = typeof(FlTabs);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlTextBox.cs

@@ -0,0 +1,21 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlTextBox : TextBox
+{
+    public FlTextBox()
+    {
+        DefaultStyleKey = typeof(FlTextBox);
+    }
+
+    public static readonly DependencyProperty ErrorProperty =
+        DependencyProperty.Register(nameof(Error), typeof(bool), typeof(FlTextBox), new PropertyMetadata(false));
+
+    public bool Error
+    {
+        get => (bool)GetValue(ErrorProperty);
+        set => SetValue(ErrorProperty, value);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlToggle.cs

@@ -0,0 +1,12 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls.Primitives;
+
+namespace CronixUI.Controls;
+
+public sealed class FlToggle : ToggleButton
+{
+    public FlToggle()
+    {
+        DefaultStyleKey = typeof(FlToggle);
+    }
+}

package/packages/win/CronixUI.WinUI/Controls/FlTooltip.cs

@@ -0,0 +1,21 @@
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace CronixUI.Controls;
+
+public sealed class FlTooltip : ContentControl
+{
+    public FlTooltip()
+    {
+        DefaultStyleKey = typeof(FlTooltip);
+    }
+
+    public static readonly DependencyProperty TooltipContentProperty =
+        DependencyProperty.Register(nameof(TooltipContent), typeof(object), typeof(FlTooltip), new PropertyMetadata(null));
+
+    public object TooltipContent
+    {
+        get => GetValue(TooltipContentProperty);
+        set => SetValue(TooltipContentProperty, value);
+    }
+}

package/packages/win/CronixUI.WinUI/CronixUI.WinUI.csproj

@@ -0,0 +1,21 @@
+<Project Sdk="Microsoft.NET.Sdk">
+<PropertyGroup>
+<TargetFramework>net8.0-windows10.0.26100.0</TargetFramework>
+<TargetPlatformMinVersion>10.0.17763.0</TargetPlatformMinVersion>
+<RootNamespace>CronixUI</RootNamespace>
+<RuntimeIdentifiers>win-x86;win-x64;win-arm64</RuntimeIdentifiers>
+<UseWinUI>true</UseWinUI>
+<Nullable>enable</Nullable>
+<AllowUnsafeBlocks>true</AllowUnsafeBlocks>
+<EnableDefaultPageItems>false</EnableDefaultPageItems>
+</PropertyGroup>
+
+<ItemGroup>
+<PackageReference Include="Microsoft.WindowsAppSDK" Version="1.6.250114005" />
+<PackageReference Include="Microsoft.Windows.SDK.BuildTools" Version="10.0.26100.1741" />
+</ItemGroup>
+
+<ItemGroup>
+<Page Include="Themes\\*.xaml" />
+</ItemGroup>
+</Project>

package/packages/win/CronixUI.WinUI/CronixUI.WinUI.sln

@@ -0,0 +1,33 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 18
+VisualStudioVersion = 18.4.11626.88 stable
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CronixUI.WinUI", "CronixUI.WinUI.csproj", "{F87AA448-0830-EBFF-EE35-B7D15A1F7043}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "CronixUI.Test", "..\\CronixUI.Test\\CronixUI.Test.csproj", "{A023CBB9-8D59-6857-02BE-8E5B799C59CB}"
+EndProject
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "FlintUI.Test", "..\FlintUI.Test\FlintUI.Test.csproj", "{A023CBB9-8D59-6857-02BE-8E5B799C59CB}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{F87AA448-0830-EBFF-EE35-B7D15A1F7043}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{F87AA448-0830-EBFF-EE35-B7D15A1F7043}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{F87AA448-0830-EBFF-EE35-B7D15A1F7043}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{F87AA448-0830-EBFF-EE35-B7D15A1F7043}.Release|Any CPU.Build.0 = Release|Any CPU
+		{A023CBB9-8D59-6857-02BE-8E5B799C59CB}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{A023CBB9-8D59-6857-02BE-8E5B799C59CB}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{A023CBB9-8D59-6857-02BE-8E5B799C59CB}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{A023CBB9-8D59-6857-02BE-8E5B799C59CB}.Release|Any CPU.Build.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {9B14BB06-E905-408A-90B4-8468736ABB98}
+	EndGlobalSection
+EndGlobal

package/packages/win/CronixUI.WinUI/Themes/FlAvatar.xaml

@@ -0,0 +1,39 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnAvatar">
+        <Setter Property="Width" Value="40"/>
+        <Setter Property="Height" Value="40"/>
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="FontSize" Value="{StaticResource CnTextSm}"/>
+        <Setter Property="FontWeight" Value="SemiBold"/>
+        <Setter Property="Foreground" Value="{StaticResource CnTextBrush}"/>
+        <Setter Property="Background" Value="{StaticResource CnAccentBrush}"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnAvatar">
+                    <Grid>
+                        <Ellipse Fill="{TemplateBinding Background}"
+                                 Width="{TemplateBinding Width}"
+                                 Height="{TemplateBinding Height}"/>
+                        <Image x:Name="AvatarImage"
+                               Source="{TemplateBinding Source}"
+                               Stretch="UniformToFill"
+                               Width="{TemplateBinding Width}"
+                               Height="{TemplateBinding Height}"/>
+                        <TextBlock x:Name="AvatarInitials"
+                                   Text="{TemplateBinding Initials}"
+                                   Foreground="{TemplateBinding Foreground}"
+                                   FontSize="{TemplateBinding FontSize}"
+                                   FontWeight="{TemplateBinding FontWeight}"
+                                   HorizontalAlignment="Center"
+                                   VerticalAlignment="Center"/>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlBadge.xaml

@@ -0,0 +1,30 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnBadge">
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="FontSize" Value="{StaticResource CnTextXs}"/>
+        <Setter Property="FontWeight" Value="Medium"/>
+        <Setter Property="Foreground" Value="{StaticResource CnTextMutedBrush}"/>
+        <Setter Property="Background" Value="{StaticResource CnSurface2Brush}"/>
+        <Setter Property="Padding" Value="4,2"/>
+        <Setter Property="CornerRadius" Value="999"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnBadge">
+                    <Border Background="{TemplateBinding Background}"
+                            BorderBrush="{StaticResource CnBorderBrush}"
+                            BorderThickness="1"
+                            CornerRadius="{TemplateBinding CornerRadius}"
+                            Padding="{TemplateBinding Padding}">
+                        <ContentPresenter HorizontalAlignment="Center"
+                                          VerticalAlignment="Center"/>
+                    </Border>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlButton.xaml

@@ -0,0 +1,36 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnButton">
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="FontSize" Value="{StaticResource CnTextBase}"/>
+        <Setter Property="Foreground" Value="{StaticResource CnTextBrush}"/>
+        <Setter Property="Background" Value="{StaticResource CnSurface2Brush}"/>
+        <Setter Property="BorderBrush" Value="{StaticResource CnBorderBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="Padding" Value="16,8"/>
+        <Setter Property="CornerRadius" Value="{StaticResource CnRadius}"/>
+        <Setter Property="HorizontalAlignment" Value="Left"/>
+        <Setter Property="VerticalAlignment" Value="Center"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnButton">
+                    <Border x:Name="RootBorder"
+                            Background="{TemplateBinding Background}"
+                            BorderBrush="{TemplateBinding BorderBrush}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="{TemplateBinding CornerRadius}"
+                            Padding="{TemplateBinding Padding}">
+                        <ContentPresenter x:Name="ContentPresenter"
+                                          HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
+                                          VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
+                                          Content="{TemplateBinding Content}"/>
+                    </Border>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlCard.xaml

@@ -0,0 +1,28 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnCard">
+        <Setter Property="Background" Value="{StaticResource CnSurfaceBrush}"/>
+        <Setter Property="BorderBrush" Value="{StaticResource CnBorderBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="CornerRadius" Value="{StaticResource CnRadiusLg}"/>
+        <Setter Property="Padding" Value="20"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnCard">
+                    <Border x:Name="CardBorder"
+                            Background="{TemplateBinding Background}"
+                            BorderBrush="{TemplateBinding BorderBrush}"
+                            BorderThickness="{TemplateBinding BorderThickness}"
+                            CornerRadius="{TemplateBinding CornerRadius}"
+                            Padding="{TemplateBinding Padding}">
+                        <ContentPresenter Content="{TemplateBinding Content}"/>
+                    </Border>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlCheckBox.xaml

@@ -0,0 +1,45 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnCheckBox">
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="FontSize" Value="{StaticResource CnTextBase}"/>
+        <Setter Property="Foreground" Value="{StaticResource CnTextBrush}"/>
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="BorderBrush" Value="{StaticResource CnBorderBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="CornerRadius" Value="{StaticResource CnRadiusSm}"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnCheckBox">
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="Auto"/>
+                            <ColumnDefinition Width="*"/>
+                        </Grid.ColumnDefinitions>
+                        <Border x:Name="CheckBorder"
+                                Width="18"
+                                Height="18"
+                                Background="{StaticResource CnSurfaceBrush}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="{StaticResource CnRadiusSm}">
+                            <FontIcon x:Name="CheckGlyph"
+                                      Glyph="&#xE73E;"
+                                      FontSize="12"
+                                      Foreground="{StaticResource CnTextBrush}"
+                                      Opacity="0"/>
+                        </Border>
+                        <ContentPresenter x:Name="ContentPresenter"
+                                          Grid.Column="1"
+                                          Margin="8,0,0,0"
+                                          VerticalAlignment="Center"/>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlComboBox.xaml

@@ -0,0 +1,70 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnComboBox">
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="FontSize" Value="{StaticResource CnTextBase}"/>
+        <Setter Property="Foreground" Value="{StaticResource CnTextBrush}"/>
+        <Setter Property="Background" Value="{StaticResource CnSurfaceBrush}"/>
+        <Setter Property="BorderBrush" Value="{StaticResource CnBorderBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="CornerRadius" Value="{StaticResource CnRadius}"/>
+        <Setter Property="Padding" Value="12,8"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnComboBox">
+                    <Grid>
+                        <Border x:Name="Background"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="{TemplateBinding CornerRadius}">
+                            <Grid Margin="{TemplateBinding Padding}">
+                                <ContentPresenter x:Name="ContentPresenter"
+                                                  HorizontalAlignment="Left"
+                                                  VerticalAlignment="Center"/>
+                                <FontIcon x:Name="DropDownGlyph"
+                                          Glyph="&#xE70D;"
+                                          FontSize="12"
+                                          HorizontalAlignment="Right"
+                                          Foreground="{StaticResource CnTextMutedBrush}"/>
+                            </Grid>
+                        </Border>
+                        <Popup x:Name="Popup">
+                            <Border x:Name="PopupBorder"
+                                    Background="{StaticResource CnSurfaceBrush}"
+                                    BorderBrush="{StaticResource CnBorderBrush}"
+                                    BorderThickness="1"
+                                    CornerRadius="{StaticResource CnRadius}">
+                                <ScrollViewer MaxHeight="300">
+                                    <ItemsPresenter x:Name="ItemsPresenter"/>
+                                </ScrollViewer>
+                            </Border>
+                        </Popup>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+    <Style TargetType="ComboBoxItem" x:Key="CnComboBoxItem">
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="FontSize" Value="{StaticResource CnTextBase}"/>
+        <Setter Property="Foreground" Value="{StaticResource CnTextBrush}"/>
+        <Setter Property="Padding" Value="12,8"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="ComboBoxItem">
+                    <Border x:Name="LayoutRoot"
+                            Background="Transparent"
+                            Padding="{TemplateBinding Padding}">
+                        <ContentPresenter/>
+                    </Border>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlModal.xaml

@@ -0,0 +1,47 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnModal">
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="Background" Value="{StaticResource CnSurfaceBrush}"/>
+        <Setter Property="BorderBrush" Value="{StaticResource CnBorderBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="CornerRadius" Value="{StaticResource CnRadiusLg}"/>
+        <Setter Property="MaxWidth" Value="500"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnModal">
+                    <Grid x:Name="LayoutRoot"
+                          Background="#B3000000"
+                          Visibility="Collapsed">
+                        <Border x:Name="ModalBorder"
+                                Background="{TemplateBinding Background}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                CornerRadius="{TemplateBinding CornerRadius}"
+                                MaxWidth="{TemplateBinding MaxWidth}"
+                                Padding="20">
+                            <Grid>
+                                <Grid.RowDefinitions>
+                                    <RowDefinition Height="Auto"/>
+                                    <RowDefinition Height="*"/>
+                                    <RowDefinition Height="Auto"/>
+                                </Grid.RowDefinitions>
+                                <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="0,0,0,16">
+                                    <TextBlock Text="{TemplateBinding Title}"
+                                               FontSize="{StaticResource CnTextLg}"
+                                               FontWeight="SemiBold"
+                                               Foreground="{StaticResource CnTextBrush}"/>
+                                </StackPanel>
+                                <ContentPresenter Grid.Row="1"/>
+                            </Grid>
+                        </Border>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlProgressBar.xaml

@@ -0,0 +1,27 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnProgressBar">
+        <Setter Property="Height" Value="4"/>
+        <Setter Property="Background" Value="{StaticResource CnSurface3Brush}"/>
+        <Setter Property="Foreground" Value="{StaticResource CnAccentBrush}"/>
+        <Setter Property="CornerRadius" Value="2"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnProgressBar">
+                    <Border x:Name="LayoutRoot"
+                            Background="{TemplateBinding Background}"
+                            CornerRadius="{TemplateBinding CornerRadius}">
+                        <Border x:Name="ProgressBarIndicator"
+                                Background="{TemplateBinding Foreground}"
+                                HorizontalAlignment="Left"
+                                CornerRadius="{TemplateBinding CornerRadius}"/>
+                    </Border>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>

package/packages/win/CronixUI.WinUI/Themes/FlRadioButton.xaml

@@ -0,0 +1,42 @@
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:CronixUI.Controls">
+
+    <Style TargetType="local:CnRadioButton">
+        <Setter Property="FontFamily" Value="{StaticResource CnFontFamily}"/>
+        <Setter Property="FontSize" Value="{StaticResource CnTextBase}"/>
+        <Setter Property="Foreground" Value="{StaticResource CnTextBrush}"/>
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="BorderBrush" Value="{StaticResource CnBorderBrush}"/>
+        <Setter Property="BorderThickness" Value="1"/>
+        <Setter Property="Template">
+            <Setter.Value>
+                <ControlTemplate TargetType="local:CnRadioButton">
+                    <Grid>
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="Auto"/>
+                            <ColumnDefinition Width="*"/>
+                        </Grid.ColumnDefinitions>
+                        <Ellipse x:Name="RadioBorder"
+                                 Width="18"
+                                 Height="18"
+                                 Fill="{StaticResource CnSurfaceBrush}"
+                                 Stroke="{TemplateBinding BorderBrush}"
+                                 StrokeThickness="1"/>
+                        <Ellipse x:Name="RadioMark"
+                                 Width="8"
+                                 Height="8"
+                                 Fill="{StaticResource CnAccentBrush}"
+                                 Opacity="0"/>
+                        <ContentPresenter x:Name="ContentPresenter"
+                                          Grid.Column="1"
+                                          Margin="8,0,0,0"
+                                          VerticalAlignment="Center"/>
+                    </Grid>
+                </ControlTemplate>
+            </Setter.Value>
+        </Setter>
+    </Style>
+
+</ResourceDictionary>