Skip to content

Commit 1d68fbe

Browse files
ShewartShewart
authored
feat: restructured components and added a few more (#4)
2 parents 0a76e57 + e700451 commit 1d68fbe

335 files changed

Lines changed: 11457 additions & 3120 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.github/workflows/ci.yml‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
name: CI
2+
3+
on:
4+
push:
5+
branches: [ main, develop ]
6+
pull_request:
7+
branches: [ main, develop ]
8+
9+
jobs:
10+
build-and-test:
11+
runs-on: ubuntu-latest
12+
13+
steps:
14+
- uses: actions/checkout@v4
15+
16+
- name: Setup .NET
17+
uses: actions/setup-dotnet@v4
18+
with:
19+
dotnet-version: |
20+
9.0.x
21+
22+
- name: Restore dependencies
23+
run: dotnet restore
24+
25+
- name: Build
26+
run: dotnet build --no-restore --configuration Release
27+
28+
- name: Run tests
29+
run: dotnet test --no-restore --configuration Release --verbosity normal
30+
31+
- name: Pack NuGet packages
32+
run: dotnet pack --no-build --configuration Release -p:ContinuousIntegrationBuild=true
33+
34+
- name: Upload build artifacts
35+
uses: actions/upload-artifact@v4
36+
with:
37+
name: nuget-packages
38+
path: |
39+
**/*.nupkg
40+
**/*.snupkg

‎.github/workflows/release.yml‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
name: Release
2+
3+
on:
4+
push:
5+
tags:
6+
- 'v*.*.*'
7+
8+
jobs:
9+
publish:
10+
runs-on: ubuntu-latest
11+
if: github.event.repository.fork == false
12+
13+
steps:
14+
- uses: actions/checkout@v4
15+
16+
- name: Setup .NET
17+
uses: actions/setup-dotnet@v4
18+
with:
19+
dotnet-version: |
20+
9.0.x
21+
22+
- name: Restore dependencies
23+
run: dotnet restore
24+
25+
- name: Build
26+
run: dotnet build --no-restore --configuration Release
27+
28+
- name: Run tests
29+
run: dotnet test --no-restore --configuration Release
30+
31+
- name: Pack NuGet packages
32+
run: dotnet pack --no-restore --configuration Release
33+
34+
- name: Publish to NuGet
35+
run: |
36+
dotnet nuget push **/*.nupkg --api-key ${{ secrets.NUGET_API_KEY }} --source https://api.nuget.org/v3/index.json --skip-duplicate
37+
dotnet nuget push **/*.snupkg --api-key ${{ secrets.NUGET_API_KEY }} --source https://api.nuget.org/v3/index.json --skip-duplicate

‎Directory.Build.props‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<Project>
3+
<!-- Centralized ShellUI Version - Update this single file to version all components -->
4+
<PropertyGroup>
5+
<ShellUIVersion>0.1.0</ShellUIVersion>
6+
<ShellUIVersionSuffix></ShellUIVersionSuffix>
7+
</PropertyGroup>
8+
9+
<!-- Common properties for all ShellUI projects -->
10+
<PropertyGroup>
11+
<Version>$(ShellUIVersion)</Version>
12+
<Version Condition="'$(ShellUIVersionSuffix)' != ''">$(ShellUIVersion)-$(ShellUIVersionSuffix)</Version>
13+
<AssemblyVersion>$(ShellUIVersion)</AssemblyVersion>
14+
<FileVersion>$(ShellUIVersion)</FileVersion>
15+
<InformationalVersion>$(Version)</InformationalVersion>
16+
</PropertyGroup>
17+
18+
<!-- Common package metadata -->
19+
<PropertyGroup>
20+
<Authors>ShellUI</Authors>
21+
<Company>ShellUI</Company>
22+
<Product>ShellUI</Product>
23+
<Copyright>© $([System.DateTime]::Now.Year) ShellUI. All rights reserved.</Copyright>
24+
<PackageLicenseExpression>MIT</PackageLicenseExpression>
25+
<PackageRequireLicenseAcceptance>false</PackageRequireLicenseAcceptance>
26+
<PackageTags>blazor;ui;components;tailwindcss;shadcn</PackageTags>
27+
<RepositoryUrl>https://github.com/shellui-dev/shellui</RepositoryUrl>
28+
<RepositoryType>git</RepositoryType>
29+
</PropertyGroup>
30+
</Project>

‎LICENSE.txt‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
MIT License
22

3-
Copyright (c) [year] [fullname]
3+
Copyright (c) 2025-2026 ShellUI
44

55
Permission is hereby granted, free of charge, to any person obtaining a copy
66
of this software and associated documentation files (the "Software"), to deal

‎NET9/BlazorInteractiveServer/Components/Demo/AdvancedFormDemo.razor‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@namespace BlazorInteractiveServer.Components.Demo
2+
@using BlazorInteractiveServer.Components
23

34
<section class="border border-border rounded-lg p-6 bg-card">
45
<h2 class="text-2xl font-semibold mb-4 text-card-foreground">Advanced Forms</h2>
@@ -46,7 +47,7 @@
4647
<div class="space-y-4">
4748
<div>
4849
<Label>Select Technology</Label>
49-
<Combobox SelectedValue="@_selectedTech" SelectedValueChanged="@HandleSelectedTechChanged"
50+
<Combobox Value="@_selectedTech" ValueChanged="@HandleSelectedTechChanged"
5051
Options="TechOptions"
5152
Placeholder="Search technology..." />
5253
@if (!string.IsNullOrEmpty(_selectedTech))
@@ -56,7 +57,7 @@
5657
</div>
5758
<div>
5859
<Label>Select Framework</Label>
59-
<Combobox SelectedValue="@_selectedFramework" SelectedValueChanged="@HandleSelectedFrameworkChanged"
60+
<Combobox Value="@_selectedFramework" ValueChanged="@HandleSelectedFrameworkChanged"
6061
Options="FrameworkOptions"
6162
Placeholder="Search framework..." />
6263
@if (!string.IsNullOrEmpty(_selectedFramework))
@@ -73,15 +74,15 @@
7374
<div class="space-y-4 max-w-xs">
7475
<div>
7576
<Label class="font-bold">With clear</Label>
76-
<DatePicker SelectedDate="@_selectedDate" SelectedDateChanged="@HandleSelectedDateChanged" Placeholder="Pick a date" />
77+
<DatePicker Value="@_selectedDate" ValueChanged="@HandleSelectedDateChanged" Placeholder="Pick a date" />
7778
@if (_selectedDate.HasValue)
7879
{
7980
<p class="text-sm text-muted-foreground mt-2">Selected: @_selectedDate.Value.ToString("MMMM dd, yyyy")</p>
8081
}
8182
</div>
8283
<div>
8384
<Label class="font-bold">Without clear</Label>
84-
<DatePicker SelectedDate="@_selectedDate2" SelectedDateChanged="@HandleSelectedDate2Changed" Placeholder="Pick a date" AllowClear="false" />
85+
<DatePicker Value="@_selectedDate2" ValueChanged="@HandleSelectedDate2Changed" Placeholder="Pick a date" AllowClear="false" />
8586
@if (_selectedDate2.HasValue)
8687
{
8788
<p class="text-sm text-muted-foreground mt-2">Selected: @_selectedDate2.Value.ToString("MMMM dd, yyyy")</p>
@@ -106,7 +107,7 @@
106107
<div>
107108
<h3 class="text-xl font-semibold mb-2 text-card-foreground">Time Picker</h3>
108109
<div class="max-w-xs">
109-
<TimePicker SelectedTime="@_selectedTime" SelectedTimeChanged="@HandleSelectedTimeChanged" Placeholder="Pick a time" Step="15" />
110+
<TimePicker Value="@_selectedTime" ValueChanged="@HandleSelectedTimeChanged" Placeholder="Pick a time" Step="15" />
110111
@if (_selectedTime.HasValue)
111112
{
112113
<p class="text-sm text-muted-foreground mt-2">Selected: @_selectedTime.Value.ToString(@"hh\:mm")</p>
@@ -134,8 +135,10 @@
134135
</Form>
135136
@if (_formSubmitted)
136137
{
137-
<Alert Variant="success" Title="Success" ClassName="mt-4">
138-
Form submitted successfully!
138+
<Alert Variant="@AlertVariant.Success" Title="Success" Class="mt-4">
139+
<ChildContent>
140+
Form submitted successfully!
141+
</ChildContent>
139142
</Alert>
140143
}
141144
</div>
@@ -287,4 +290,3 @@
287290
await FormSubmittedChanged.InvokeAsync(_formSubmitted);
288291
}
289292
}
290-

‎NET9/BlazorInteractiveServer/Components/Demo/BadgesDialogDemo.razor‎

Lines changed: 18 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,31 @@
11
@using BlazorInteractiveServer.Components.UI
2+
@using BlazorInteractiveServer.Components
23

34
<section class="border border-border rounded-lg p-6 bg-card">
45
<h2 class="text-2xl font-semibold mb-4 text-card-foreground">Badges & Dialog</h2>
56
<div class="flex flex-wrap gap-4 mb-4">
6-
<Badge Variant="default">Default</Badge>
7-
<Badge Variant="secondary">Secondary</Badge>
8-
<Badge Variant="destructive">Destructive</Badge>
9-
<Badge Variant="success">Success</Badge>
10-
<Badge Variant="warning">Warning</Badge>
11-
<Badge Variant="info">Info</Badge>
7+
<Badge Variant="@BadgeVariant.Default">Default</Badge>
8+
<Badge Variant="@BadgeVariant.Secondary">Secondary</Badge>
9+
<Badge Variant="@BadgeVariant.Destructive">Destructive</Badge>
10+
<Badge Variant="@BadgeVariant.Success">Success</Badge>
11+
<Badge Variant="@BadgeVariant.Warning">Warning</Badge>
12+
<Badge Variant="@BadgeVariant.Info">Info</Badge>
1213
</div>
1314
<Button @onclick="OpenDialog">Open Dialog</Button>
1415
</section>
1516

16-
<Dialog IsOpen="isDialogOpen" Title="ShellUI Dialog" Description="This is a demo of the Dialog component." OnClose="CloseDialog">
17-
<ChildContent>
17+
<Dialog Open="isDialogOpen" OpenChanged="@(v => isDialogOpen = v)">
18+
<DialogContent>
19+
<DialogHeader>
20+
<DialogTitle>ShellUI Dialog</DialogTitle>
21+
<DialogDescription>This is a demo of the Dialog component.</DialogDescription>
22+
</DialogHeader>
1823
<p>This dialog demonstrates the ShellUI Dialog component. You can put any content here!</p>
19-
</ChildContent>
20-
<Footer>
21-
<Button Variant="outline" @onclick="CloseDialog">Cancel</Button>
22-
<Button @onclick="CloseDialog">Confirm</Button>
23-
</Footer>
24+
<DialogFooter>
25+
<Button Variant="@ButtonVariant.Outline" @onclick="CloseDialog">Cancel</Button>
26+
<Button @onclick="CloseDialog">Confirm</Button>
27+
</DialogFooter>
28+
</DialogContent>
2429
</Dialog>
2530

2631
@code {
@@ -36,4 +41,3 @@
3641
isDialogOpen = false;
3742
}
3843
}
39-

‎NET9/BlazorInteractiveServer/Components/Demo/ButtonsDemo.razor‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,25 @@
11
@using BlazorInteractiveServer.Components.UI
2+
@using BlazorInteractiveServer.Components
23

34
<section class="border border-border rounded-lg p-6 bg-card">
45
<h2 class="text-2xl font-semibold mb-4 text-card-foreground">Variants</h2>
56
<div class="flex flex-wrap gap-4">
6-
<Button Variant="default" OnClick="HandleClick">Default</Button>
7-
<Button Variant="secondary" OnClick="HandleClick">Secondary</Button>
8-
<Button Variant="destructive" OnClick="HandleClick">Destructive</Button>
9-
<Button Variant="outline" OnClick="HandleClick">Outline</Button>
10-
<Button Variant="ghost" OnClick="HandleClick">Ghost</Button>
11-
<Button Variant="link" OnClick="HandleClick">Link</Button>
7+
<Button Variant="@ButtonVariant.Default" OnClick="HandleClick">Default</Button>
8+
<Button Variant="@ButtonVariant.Secondary" OnClick="HandleClick">Secondary</Button>
9+
<Button Variant="@ButtonVariant.Destructive" OnClick="HandleClick">Destructive</Button>
10+
<Button Variant="@ButtonVariant.Outline" OnClick="HandleClick">Outline</Button>
11+
<Button Variant="@ButtonVariant.Ghost" OnClick="HandleClick">Ghost</Button>
12+
<Button Variant="@ButtonVariant.Link" OnClick="HandleClick">Link</Button>
1213
</div>
1314
</section>
1415

1516
<section class="border border-border rounded-lg p-6 bg-card">
1617
<h2 class="text-2xl font-semibold mb-4 text-card-foreground">Sizes</h2>
1718
<div class="flex flex-wrap items-center gap-4">
18-
<Button Size="sm" OnClick="HandleClick">Small</Button>
19-
<Button Size="md" OnClick="HandleClick">Medium</Button>
20-
<Button Size="lg" OnClick="HandleClick">Large</Button>
21-
<Button Size="icon" OnClick="HandleClick">+</Button>
19+
<Button Size="@ButtonSize.Sm" OnClick="HandleClick">Small</Button>
20+
<Button Size="@ButtonSize.Default" OnClick="HandleClick">Medium</Button>
21+
<Button Size="@ButtonSize.Lg" OnClick="HandleClick">Large</Button>
22+
<Button Size="@ButtonSize.Icon" OnClick="HandleClick">+</Button>
2223
</div>
2324
</section>
2425

@@ -48,4 +49,3 @@
4849
isLoading = false;
4950
}
5051
}
51-

‎NET9/BlazorInteractiveServer/Components/Demo/CardsAlertsDemo.razor‎

Lines changed: 22 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,41 @@
11
@using BlazorInteractiveServer.Components.UI
2+
@using BlazorInteractiveServer.Components
23

34
<div class="grid md:grid-cols-2 gap-6">
45
<section class="border border-border rounded-lg p-6 bg-card">
56
<h2 class="text-2xl font-semibold mb-4 text-card-foreground">Card</h2>
67
<Card>
7-
<Header>
8-
<h3 class="text-lg font-semibold">Card Title</h3>
9-
<p class="text-sm text-muted-foreground">Card description goes here.</p>
10-
</Header>
11-
<ChildContent>
8+
<CardHeader>
9+
<CardTitle>Card Title</CardTitle>
10+
<CardDescription>Card description goes here.</CardDescription>
11+
</CardHeader>
12+
<CardContent>
1213
<p>This is the main content of the card. It can contain any content you want.</p>
13-
</ChildContent>
14-
<Footer>
15-
<Button Variant="outline" Size="sm">Action</Button>
16-
</Footer>
14+
</CardContent>
15+
<CardFooter>
16+
<Button Variant="@ButtonVariant.Outline" Size="@ButtonSize.Sm">Action</Button>
17+
</CardFooter>
1718
</Card>
1819
</section>
1920

2021
<section class="border border-border rounded-lg p-6 bg-card">
2122
<h2 class="text-2xl font-semibold mb-4 text-card-foreground">Alerts</h2>
2223
<div class="space-y-4">
23-
<Alert Variant="default" Title="Info">
24-
This is an informational alert.
24+
<Alert Variant="@AlertVariant.Default" Title="Info">
25+
<ChildContent>
26+
This is an informational alert.
27+
</ChildContent>
2528
</Alert>
26-
<Alert Variant="success" Title="Success">
27-
Operation completed successfully!
29+
<Alert Variant="@AlertVariant.Success" Title="Success">
30+
<ChildContent>
31+
Operation completed successfully!
32+
</ChildContent>
2833
</Alert>
29-
<Alert Variant="warning" Title="Warning">
30-
Please check your input.
34+
<Alert Variant="@AlertVariant.Warning" Title="Warning">
35+
<ChildContent>
36+
Please check your input.
37+
</ChildContent>
3138
</Alert>
3239
</div>
3340
</section>
3441
</div>
35-

‎NET9/BlazorInteractiveServer/Components/Demo/ComplexComponentsDemo.razor‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@namespace BlazorInteractiveServer.Components.Demo
2+
@using BlazorInteractiveServer.Components
23

34
<section class="border border-border rounded-lg p-6 bg-card">
45
<h2 class="text-2xl font-semibold mb-4 text-card-foreground">Complex Components</h2>
@@ -18,7 +19,7 @@
1819
Title="Are you sure?"
1920
Description="This action cannot be undone. This will permanently delete your account and remove your data from our servers."
2021
ConfirmText="Delete Account"
21-
ConfirmVariant="destructive"
22+
ConfirmVariant="@ButtonVariant.Destructive"
2223
CancelText="Cancel"
2324
OnConfirm="HandleAlertConfirm"
2425
OnCancel="HandleAlertCancel"
@@ -89,7 +90,7 @@
8990
<h3 class="text-xl font-semibold mb-2 text-card-foreground">Hover Card</h3>
9091
<HoverCard>
9192
<ChildContent>
92-
<Button Variant="outline">@HoverCardText</Button>
93+
<Button Variant="@ButtonVariant.Outline">@HoverCardText</Button>
9394
</ChildContent>
9495
<CardContent>
9596
<div class="space-y-2">
@@ -328,4 +329,3 @@
328329
</svg>";
329330
}
330331
}
331-

0 commit comments

Comments
 (0)