first commit

2026-07-12 15:55:18 +05:30
commit ee98026cc5
404 changed files with 44522 additions and 0 deletions
@@ -0,0 +1,11 @@
+// Auth layout: centers a single card (login/signup). Uses the Wire UI card,
+// passing an extra `class` so we can constrain its width.
+component AuthLayout {
+  view {
+    <div class="auth-wrap">
+      <div data-component="card" class="auth-card">
+        <slot></slot>
+      </div>
+    </div>
+  }
+}
@@ -0,0 +1,22 @@
+// Dashboard layout: fixed sidebar nav + main content area.
+component DashboardLayout {
+  view {
+    <div class="dash">
+      <aside class="dash-side">
+        <strong class="site-brand">WrNexus</strong>
+        <nav class="dash-nav">
+          <a href="/dashboard">Overview</a>
+          <a href="/ui">Components</a>
+          <a href="/">Home</a>
+        </nav>
+        <div data-component="theme-toggle" label="Toggle theme"></div>
+      </aside>
+
+      <main class="dash-main">
+        <!-- Named slot: pages fill this with data-slot="actions". -->
+        <div class="dash-topbar"><slot name="actions"></slot></div>
+        <slot></slot>
+      </main>
+    </div>
+  }
+}
@@ -0,0 +1,27 @@
+// Public site layout: top nav + footer. Pages opt in with `layout = "public"`.
+// A layout is a `component` with a <slot> where the page body is injected.
+component PublicLayout {
+  view {
+    <div data-component="container">
+      <header class="site-header">
+        <strong class="site-brand">WrNexus</strong>
+        <nav class="site-nav">
+          <a href="/">{t:nav.home}</a>
+          <a href="/ui">{t:nav.ui}</a>
+          <a href="/chat">{t:nav.chat}</a>
+          <a href="/dashboard">{t:nav.dashboard}</a>
+          <a href="/about">{t:nav.about}</a>
+          <div data-component="theme-toggle" label="Theme"></div>
+          <button class="wire-btn wire-btn--ghost wire-btn--sm" data-wire-lang-set="en">EN</button>
+          <button class="wire-btn wire-btn--ghost wire-btn--sm" data-wire-lang-set="es">ES</button>
+        </nav>
+      </header>
+
+      <main>
+        <slot></slot>
+      </main>
+
+      <footer class="site-footer">Built with WrNexus · Wire UI + theming</footer>
+    </div>
+  }
+}