WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build: stage private packages for 0.2.66

Browse Source
This commit is contained in:
Clintchiz
2026-07-20 00:10:16 +05:30
parent b95bdc6e77
commit 3888453e0d
29 changed files with 160 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.publish/ui/components/PublicHeader.wrn
+46 -21
View File
@@ -1,6 +1,27 @@
component PublicHeader {
props {
class: string = ""
homeHref: string = "/"
brandName: string = "WrNexus"
brandTagline: string = "Identity Cloud"
brandAriaLabel: string = "WrNexus home"
brandIcon: string = "icon-[lucide--blocks]"
pricingLabel: string = "Pricing"
pricingHref: string = "/pricing"
statusLabel: string = "All systems operational"
statusHref: string = "/status"
signInLabel: string = "Sign in"
signInHref: string = "/sign-in"
primaryLabel: string = "Start free"
primaryHref: string = "/sign-up"
showStatus: boolean = true
showThemeToggle: boolean = true
showSignIn: boolean = true
showPrimaryAction: boolean = true
productLabel: string = "Product"
solutionsLabel: string = "Solutions"
developersLabel: string = "Developers"
resourcesLabel: string = "Resources"
}
state activeMenu = ""
state mobileMenuOpen = false
@@ -25,25 +46,25 @@ component PublicHeader {
<!-- Brand -->
<a
href="/"
aria-label="WrNexus home"
href="{homeHref}"
aria-label="{brandAriaLabel}"
class="group inline-flex shrink-0 items-center gap-3 rounded-xl focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950"
>
<span
class="grid h-10 w-10 place-items-center rounded-xl bg-indigo-600 text-white shadow-lg shadow-indigo-600/20 transition duration-200 group-hover:-translate-y-0.5 group-hover:bg-indigo-500 group-hover:shadow-xl"
>
<span class="icon-[lucide--blocks] h-5 w-5" aria-hidden="true" ></span>
<span class="{brandIcon} h-5 w-5" aria-hidden="true" ></span>
</span>
<span class="min-w-0">
<span class="block text-lg font-bold tracking-tight text-slate-950 dark:text-white">
WrNexus
{brandName}
</span>
<span
class="block text-[10px] font-semibold uppercase tracking-[0.2em] text-slate-500 dark:text-slate-400"
>
Identity Cloud
{brandTagline}
</span>
</span>
</a>
@@ -53,6 +74,7 @@ component PublicHeader {
aria-label="Main navigation"
class="hidden items-center gap-1 lg:flex"
>
<slot name="navigation">
<!-- Product -->
<button
type="button"
@@ -69,7 +91,7 @@ component PublicHeader {
class:dark:text-slate-300="activeMenu !== 'product'"
class:dark:hover:bg-white/5="activeMenu !== 'product'"
>
Product
{productLabel}
<span class="icon-[lucide--chevron-down] h-4 w-4 transition-transform duration-200" class:rotate-180="activeMenu === 'product'" aria-hidden="true" ></span>
</button>
@@ -92,7 +114,7 @@ component PublicHeader {
class:dark:hover:bg-white/5="activeMenu !== 'solutions'"
class:dark:hover:text-white="activeMenu !== 'solutions'"
>
Solutions
{solutionsLabel}
<span class="icon-[lucide--chevron-down] h-4 w-4 transition-transform duration-200" class:rotate-180="activeMenu === 'solutions'" aria-hidden="true" ></span>
</button>
@@ -115,7 +137,7 @@ component PublicHeader {
class:dark:hover:bg-white/5="activeMenu !== 'developers'"
class:dark:hover:text-white="activeMenu !== 'developers'"
>
Developers
{developersLabel}
<span class="icon-[lucide--chevron-down] h-4 w-4 transition-transform duration-200" class:rotate-180="activeMenu === 'developers'" aria-hidden="true" ></span>
</button>
@@ -138,23 +160,25 @@ component PublicHeader {
class:dark:hover:bg-white/5="activeMenu !== 'resources'"
class:dark:hover:text-white="activeMenu !== 'resources'"
>
Resources
{resourcesLabel}
<span class="icon-[lucide--chevron-down] h-4 w-4 transition-transform duration-200" class:rotate-180="activeMenu === 'resources'" aria-hidden="true" ></span>
</button>
<a
href="/pricing"
href="{pricingHref}"
class="inline-flex h-10 items-center rounded-xl px-3.5 text-sm font-semibold text-slate-700 transition hover:bg-slate-100 hover:text-slate-950 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 dark:text-slate-300 dark:hover:bg-white/5 dark:hover:text-white"
>
Pricing
{pricingLabel}
</a>
</slot>
</nav>
<!-- Desktop actions -->
<div class="hidden items-center gap-2 lg:flex">
<a
href="/status"
<slot name="actions">
<a data-show="showStatus"
href="{statusHref}"
class="mr-1 inline-flex items-center gap-2 rounded-xl px-3 py-2 text-xs font-semibold text-slate-500 transition hover:bg-slate-100 hover:text-slate-950 dark:text-slate-400 dark:hover:bg-white/5 dark:hover:text-white"
>
<span class="relative flex h-2 w-2">
@@ -162,10 +186,10 @@ component PublicHeader {
<span class="relative inline-flex h-2 w-2 rounded-full bg-emerald-500"></span>
</span>
All systems operational
{statusLabel}
</a>
<button
<button data-show="showThemeToggle"
type="button"
data-wire-theme-toggle
aria-label="Toggle color theme"
@@ -181,21 +205,22 @@ component PublicHeader {
</span>
</button>
<a
href="/sign-in"
<a data-show="showSignIn"
href="{signInHref}"
class="inline-flex h-10 items-center justify-center rounded-xl px-4 text-sm font-semibold text-slate-700 transition hover:bg-slate-100 hover:text-slate-950 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 dark:text-slate-200 dark:hover:bg-white/5 dark:hover:text-white"
>
Sign in
{signInLabel}
</a>
<a
href="/sign-up"
<a data-show="showPrimaryAction"
href="{primaryHref}"
class="group inline-flex h-10 items-center justify-center gap-2 rounded-xl bg-indigo-600 px-4 text-sm font-bold text-white shadow-lg shadow-indigo-600/20 transition hover:-translate-y-0.5 hover:bg-indigo-500 hover:shadow-xl focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-slate-950"
>
Start free
{primaryLabel}
<span class="icon-[lucide--arrow-right] h-4 w-4 transition-transform group-hover:translate-x-0.5" aria-hidden="true" ></span>
</a>
</slot>
</div>
<!-- Mobile actions -->