boltdocs 1.3.0 → 1.3.1

package/src/client/theme/ui/Navbar/navbar.css

@@ -1,233 +1,233 @@
-/* ═══════════════════════════════════════════════════════════
-   NAVBAR
-   ═══════════════════════════════════════════════════════════ */
-.boltdocs-navbar {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: var(--ld-navbar-height);
-  padding: 0; /* Padding moved to container */
-  background-color: var(--ld-navbar-bg);
-  backdrop-filter: blur(var(--ld-navbar-blur));
-  -webkit-backdrop-filter: blur(var(--ld-navbar-blur));
-  border-bottom: 1px solid var(--ld-border-subtle);
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-
-.navbar-container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  max-width: 1440px;
-  margin: 0 auto;
-  padding: 0 1.5rem; /* Aligned exactly with main-container */
-}
-
-.navbar-logo {
-  flex: 1;
-}
-
-.navbar-logo a {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  font-weight: 700;
-  font-size: 1.15rem;
-  color: var(--ld-text-main);
-  text-decoration: none;
-  letter-spacing: -0.01em;
-}
-
-.navbar-logo a:hover {
-  color: var(--ld-text-main);
-}
-
-.navbar-logo-img {
-  height: 20px;
-  width: auto;
-  object-fit: contain;
-  display: block;
-}
-
-.navbar-logo-svg {
-  display: flex;
-  align-items: center;
-}
-
-.navbar-logo-svg svg {
-  height: 36px;
-  width: auto;
-  fill: currentColor;
-  display: block;
-}
-
-.navbar-left {
-  display: flex;
-  align-items: center;
-  gap: 1.25rem;
-}
-
-.navbar-version {
-  display: flex;
-  align-items: center;
-  gap: 0.2rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--ld-text-muted);
-  background-color: var(--ld-bg-soft);
-  padding: 0.25rem 0.5rem;
-  border-radius: var(--ld-radius-md);
-  border: 1px solid var(--ld-border-subtle);
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.navbar-version:hover {
-  background-color: var(--ld-bg-mute);
-  color: var(--ld-text-main);
-  border-color: var(--ld-border-strong);
-}
-
-.navbar-right {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-
-.navbar-links {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-
-.navbar-links a {
-  position: relative;
-  padding: 0.4rem 0.75rem;
-  color: var(--ld-text-muted);
-  text-decoration: none;
-  font-weight: 500;
-  font-size: 0.875rem;
-  border-radius: var(--ld-radius-md);
-  transition:
-    color 0.2s,
-    background-color 0.2s;
-}
-
-.navbar-links a:hover {
-  color: var(--ld-text-main);
-  background-color: var(--ld-color-primary-muted);
-}
-
-.navbar-links a.active {
-  color: var(--ld-color-primary);
-}
-
-.navbar-search {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.35rem 0.75rem;
-  background-color: transparent; /* Cleaner flat base */
-  border: 1px solid transparent; /* Invisible border initially */
-  border-radius: var(--ld-radius-full);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  color: var(--ld-text-dim);
-  font-size: 0.8125rem;
-  min-width: 220px;
-  cursor: pointer;
-  transition: all 0.2s;
-}
-
-.navbar-search:hover {
-  background-color: var(--ld-bg-mute);
-  color: var(--ld-text-muted);
-}
-
-.navbar-search svg {
-  width: 15px;
-  height: 15px;
-  opacity: 0.7;
-}
-
-.navbar-search kbd {
-  margin-left: auto;
-  padding: 0.15rem 0.4rem;
-  font-family: var(--ld-font-sans);
-  font-weight: 500;
-  font-size: 0.65rem;
-  background-color: var(--ld-bg-mute);
-  border: 1px solid var(--ld-border-strong);
-  border-radius: var(--ld-radius-md);
-  color: var(--ld-text-dim);
-}
-
-/* ─── Github Stars Pill ────────────────────────────────── */
-.navbar-github-stars {
-  display: flex;
-  align-items: center;
-  gap: 0.35rem;
-  padding: 0.3rem 0.65rem;
-  border-radius: var(--ld-radius-full);
-  border: 1px solid var(--ld-border-subtle);
-  background: var(--ld-bg-soft);
-  color: var(--ld-text-muted);
-  text-decoration: none;
-  font-size: 0.8rem;
-  font-weight: 500;
-  transition: all 0.2s;
-}
-
-.navbar-github-stars:hover {
-  color: var(--ld-text-main);
-  background: var(--ld-bg-mute);
-  border-color: var(--ld-border-strong);
-}
-
-.navbar-github-stars svg {
-  width: 15px;
-  height: 15px;
-}
-
-.navbar-divider {
-  width: 1px;
-  height: 18px;
-  background-color: var(--ld-border-subtle);
-  margin: 0 0.25rem;
-}
-
-.navbar-icons {
-  display: flex;
-  align-items: center;
-  gap: 0.25rem;
-}
-
-.navbar-icon-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 2.15rem;
-  height: 2.15rem;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  border-radius: var(--ld-radius-full);
-  color: var(--ld-text-muted);
-  text-decoration: none;
-  transition:
-    color 0.2s,
-    background-color 0.2s;
-}
-
-.navbar-icon-btn:hover {
-  color: var(--ld-text-main);
-  background-color: var(--ld-bg-mute);
-}
-
-.navbar-icon-btn svg {
-  width: 18px;
-  height: 18px;
-}
+/* ═══════════════════════════════════════════════════════════
+   NAVBAR
+   ═══════════════════════════════════════════════════════════ */
+.boltdocs-navbar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: var(--ld-navbar-height);
+  padding: 0; /* Padding moved to container */
+  background-color: var(--ld-navbar-bg);
+  backdrop-filter: blur(var(--ld-navbar-blur));
+  -webkit-backdrop-filter: blur(var(--ld-navbar-blur));
+  border-bottom: 1px solid var(--ld-border-subtle);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+
+.navbar-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 0 1.5rem; /* Aligned exactly with main-container */
+}
+
+.navbar-logo {
+  flex: 1;
+}
+
+.navbar-logo a {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-weight: 700;
+  font-size: 1.15rem;
+  color: var(--ld-text-main);
+  text-decoration: none;
+  letter-spacing: -0.01em;
+}
+
+.navbar-logo a:hover {
+  color: var(--ld-text-main);
+}
+
+.navbar-logo-img {
+  height: 20px;
+  width: auto;
+  object-fit: contain;
+  display: block;
+}
+
+.navbar-logo-svg {
+  display: flex;
+  align-items: center;
+}
+
+.navbar-logo-svg svg {
+  height: 36px;
+  width: auto;
+  fill: currentColor;
+  display: block;
+}
+
+.navbar-left {
+  display: flex;
+  align-items: center;
+  gap: 1.25rem;
+}
+
+.navbar-version {
+  display: flex;
+  align-items: center;
+  gap: 0.2rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--ld-text-muted);
+  background-color: var(--ld-bg-soft);
+  padding: 0.25rem 0.5rem;
+  border-radius: var(--ld-radius-md);
+  border: 1px solid var(--ld-border-subtle);
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.navbar-version:hover {
+  background-color: var(--ld-bg-mute);
+  color: var(--ld-text-main);
+  border-color: var(--ld-border-strong);
+}
+
+.navbar-right {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.navbar-links {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.navbar-links a {
+  position: relative;
+  padding: 0.4rem 0.75rem;
+  color: var(--ld-text-muted);
+  text-decoration: none;
+  font-weight: 500;
+  font-size: 0.875rem;
+  border-radius: var(--ld-radius-md);
+  transition:
+    color 0.2s,
+    background-color 0.2s;
+}
+
+.navbar-links a:hover {
+  color: var(--ld-text-main);
+  background-color: var(--ld-color-primary-muted);
+}
+
+.navbar-links a.active {
+  color: var(--ld-color-primary);
+}
+
+.navbar-search {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.35rem 0.75rem;
+  background-color: transparent; /* Cleaner flat base */
+  border: 1px solid transparent; /* Invisible border initially */
+  border-radius: var(--ld-radius-full);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  color: var(--ld-text-dim);
+  font-size: 0.8125rem;
+  min-width: 220px;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.navbar-search:hover {
+  background-color: var(--ld-bg-mute);
+  color: var(--ld-text-muted);
+}
+
+.navbar-search svg {
+  width: 15px;
+  height: 15px;
+  opacity: 0.7;
+}
+
+.navbar-search kbd {
+  margin-left: auto;
+  padding: 0.15rem 0.4rem;
+  font-family: var(--ld-font-sans);
+  font-weight: 500;
+  font-size: 0.65rem;
+  background-color: var(--ld-bg-mute);
+  border: 1px solid var(--ld-border-strong);
+  border-radius: var(--ld-radius-md);
+  color: var(--ld-text-dim);
+}
+
+/* ─── Github Stars Pill ────────────────────────────────── */
+.navbar-github-stars {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.3rem 0.65rem;
+  border-radius: var(--ld-radius-full);
+  border: 1px solid var(--ld-border-subtle);
+  background: var(--ld-bg-soft);
+  color: var(--ld-text-muted);
+  text-decoration: none;
+  font-size: 0.8rem;
+  font-weight: 500;
+  transition: all 0.2s;
+}
+
+.navbar-github-stars:hover {
+  color: var(--ld-text-main);
+  background: var(--ld-bg-mute);
+  border-color: var(--ld-border-strong);
+}
+
+.navbar-github-stars svg {
+  width: 15px;
+  height: 15px;
+}
+
+.navbar-divider {
+  width: 1px;
+  height: 18px;
+  background-color: var(--ld-border-subtle);
+  margin: 0 0.25rem;
+}
+
+.navbar-icons {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+.navbar-icon-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.15rem;
+  height: 2.15rem;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  border-radius: var(--ld-radius-full);
+  color: var(--ld-text-muted);
+  text-decoration: none;
+  transition:
+    color 0.2s,
+    background-color 0.2s;
+}
+
+.navbar-icon-btn:hover {
+  color: var(--ld-text-main);
+  background-color: var(--ld-bg-mute);
+}
+
+.navbar-icon-btn svg {
+  width: 18px;
+  height: 18px;
+}

package/src/client/theme/ui/NotFound/NotFound.tsx

@@ -1,19 +1,19 @@
-import { Link } from "../Link";
-import { ArrowLeft } from "lucide-react";
-
-export function NotFound() {
-  return (
-    <div className="boltdocs-not-found">
-      <div className="not-found-content">
-        <span className="not-found-code">404</span>
-        <h1 className="not-found-title">Page Not Found</h1>
-        <p className="not-found-text">
-          The page you're looking for doesn't exist or has been moved.
-        </p>
-        <Link to="/" className="not-found-link">
-          <ArrowLeft size={16} /> Go to Home
-        </Link>
-      </div>
-    </div>
-  );
-}
+import { Link } from "../Link";
+import { ArrowLeft } from "lucide-react";
+
+export function NotFound() {
+  return (
+    <div className="boltdocs-not-found">
+      <div className="not-found-content">
+        <span className="not-found-code">404</span>
+        <h1 className="not-found-title">Page Not Found</h1>
+        <p className="not-found-text">
+          The page you're looking for doesn't exist or has been moved.
+        </p>
+        <Link to="/" className="not-found-link">
+          <ArrowLeft size={16} /> Go to Home
+        </Link>
+      </div>
+    </div>
+  );
+}

package/src/client/theme/ui/NotFound/index.ts

@@ -1 +1 @@
-export { NotFound } from "./NotFound";
+export { NotFound } from "./NotFound";

package/src/client/theme/ui/NotFound/not-found.css

@@ -1,64 +1,64 @@
-/* ═══════════════════════════════════════════════════════════
-   404 NOT FOUND
-   ═══════════════════════════════════════════════════════════ */
-.boltdocs-not-found {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 60vh;
-  text-align: center;
-  padding: 2rem;
-}
-
-.not-found-content {
-  max-width: 420px;
-}
-
-.not-found-code {
-  display: block;
-  font-size: 6rem;
-  font-weight: 900;
-  line-height: 1;
-  background: linear-gradient(
-    135deg,
-    var(--ld-gradient-from),
-    var(--ld-gradient-to)
-  );
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-  margin-bottom: 0.5rem;
-}
-
-.not-found-title {
-  font-size: 1.5rem;
-  font-weight: 700;
-  margin: 0 0 0.75rem;
-  color: var(--ld-text-main);
-}
-
-.not-found-text {
-  color: var(--ld-text-muted);
-  margin-bottom: 1.5rem;
-}
-
-a.not-found-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  padding: 0.6rem 1.5rem;
-  background-color: var(--ld-btn-primary-bg);
-  color: var(--ld-btn-primary-text) !important;
-  border-radius: var(--ld-radius-md);
-  text-decoration: none;
-  font-weight: 600;
-  transition: all 0.2s;
-}
-
-a.not-found-link:hover {
-  background-color: var(--ld-btn-primary-bg);
-  opacity: 0.9;
-  transform: translateY(-1px);
-  box-shadow: 0 4px 16px var(--ld-color-primary-glow);
-  color: var(--ld-btn-primary-text) !important;
-}
+/* ═══════════════════════════════════════════════════════════
+   404 NOT FOUND
+   ═══════════════════════════════════════════════════════════ */
+.boltdocs-not-found {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 60vh;
+  text-align: center;
+  padding: 2rem;
+}
+
+.not-found-content {
+  max-width: 420px;
+}
+
+.not-found-code {
+  display: block;
+  font-size: 6rem;
+  font-weight: 900;
+  line-height: 1;
+  background: linear-gradient(
+    135deg,
+    var(--ld-gradient-from),
+    var(--ld-gradient-to)
+  );
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  margin-bottom: 0.5rem;
+}
+
+.not-found-title {
+  font-size: 1.5rem;
+  font-weight: 700;
+  margin: 0 0 0.75rem;
+  color: var(--ld-text-main);
+}
+
+.not-found-text {
+  color: var(--ld-text-muted);
+  margin-bottom: 1.5rem;
+}
+
+a.not-found-link {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.6rem 1.5rem;
+  background-color: var(--ld-btn-primary-bg);
+  color: var(--ld-btn-primary-text) !important;
+  border-radius: var(--ld-radius-md);
+  text-decoration: none;
+  font-weight: 600;
+  transition: all 0.2s;
+}
+
+a.not-found-link:hover {
+  background-color: var(--ld-btn-primary-bg);
+  opacity: 0.9;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 16px var(--ld-color-primary-glow);
+  color: var(--ld-btn-primary-text) !important;
+}