Add D-prefixed Blazor wrappers for every daisyUI 5 component

Components/Daisy/ wraps all 69 components in daisyUI's llms.txt, grouped by
daisyUI's categories (Actions, DataDisplay, Navigation, Feedback, DataInput,
Layout, Mockup), with part components where daisyUI has repeating parts (DTab,
DMenuItem, DTimelineItem, ...).
- Each enum maps to whole literal class names in a switch, so Tailwind's scanner
  generates them. Nothing is concatenated.
- Value-holding fields derive from DInputBase<TValue>, Blazor's InputBase, so
  @bind-Value and EditForm validation work. Invalid fields get the component's
  *-error class.
- Open and active state lives in C# (@bind-IsOpen, @bind-Active) and is rendered
  with daisyUI's *-open modifiers. DDropdown adds an outside-click layer and
  Escape. No component uses JS interop.
- The one exception is DCalendar, which wraps the Cally web component, vendored
  as wwwroot/vendor/cally.js (0.9.2, MIT).

/styleguide (not linked) renders every component in all its colours, sizes and
states, with a theme and hue picker that previews without saving.

neo.css follows what the styleguide showed:
- select keeps daisyUI's arrow;
- skeleton-text isn't sunk;
- the phone mockup and dock are raised;
- active menu items and OTP digits are inset;
- a joined accordion is raised as one block.
The primary, secondary and accent colours are deeper, so they still read as
text.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
thepraandClaude Opus 5.5 committed 2026-10-03 12:01:42 +02:00
1 parent 8e03d12a3e
commit 90e4b9200c
127 files changed
+6962 -17

No files matched your search

+74
View File
@@ -0,0 +1,74 @@
@page "/styleguide"
@using decePubClient.Components.Styleguide
@implements IDisposable
@* Every daisyUI wrapper (Components/Daisy) in every theme, to check them and the neo overrides (Styles/neo.css) by eye.
Not linked from the app. The theme picker only previews: it applies a throwaway PageSettings, and choosing Saved or
leaving the page restores the saved ones. *@
<Title>Styleguide</Title>
<div class="flex flex-col gap-10 pb-10">
<header class="sticky top-0 z-40 flex flex-wrap items-center gap-4 rounded-box bg-base-100 p-4 neo-raised">
<h1 class="text-xl font-bold">Styleguide</h1>
<DSelect TValue="PreviewTheme" class="w-auto" @bind-Value="theme" @bind-Value:after="Apply">
@foreach (var previewTheme in Enum.GetValues<PreviewTheme>())
{
<option value="@previewTheme">@previewTheme</option>
}
</DSelect>
<DRange TValue="short" class="neo-hue-track w-64" Min="0" Max="359" Immediate="true" @bind-Value="hue" @bind-Value:after="Apply" />
<span class="text-sm opacity-70">hue @hue</span>
</header>
<h2 class="text-2xl font-bold">Actions</h2>
<ActionsSection />
<h2 class="text-2xl font-bold">Data display</h2>
<DataDisplaySection />
<h2 class="text-2xl font-bold">Navigation</h2>
<NavigationSection />
<h2 class="text-2xl font-bold">Feedback</h2>
<FeedbackSection />
<h2 class="text-2xl font-bold">Data input</h2>
<DataInputSection />
<h2 class="text-2xl font-bold">Layout</h2>
<LayoutSection />
<h2 class="text-2xl font-bold">Mockup</h2>
<MockupSection />
</div>
@code {
enum PreviewTheme
{
Saved,
Light,
Dark,
LightGrey,
DarkGrey,
System
}
[CascadingParameter] CascadingState CascadingState { get; set; }
PreviewTheme theme = PreviewTheme.Saved;
short hue = 25;
void Apply() => CascadingState.Status.ApplyTheme(theme is PreviewTheme.Saved ? CascadingState.PublicCacheData.PageSettings : new PageSettings
{
PreferSystemTheming = theme is PreviewTheme.System,
ThemeIsDarkMode = theme is PreviewTheme.Dark,
ThemeIsLightGray = theme is PreviewTheme.LightGrey,
ThemeIsDarkGray = theme is PreviewTheme.DarkGrey,
LightThemeIndexColour = hue,
DarkThemeIndexColour = hue
});
public void Dispose() => CascadingState.Status.ApplyTheme(CascadingState.PublicCacheData.PageSettings);
}