boltdocs 1.3.0 → 1.3.2

package/src/client/theme/ui/OnThisPage/toc.css

@@ -1,132 +1,132 @@
-/* ═══════════════════════════════════════════════════════════
-   ON THIS PAGE (TOC)
-   ═══════════════════════════════════════════════════════════ */
-.boltdocs-on-this-page {
-  width: var(--ld-toc-width);
-  flex-shrink: 0;
-  padding: 1.5rem 1rem;
-  position: sticky;
-  top: var(--ld-navbar-height);
-  height: calc(100vh - var(--ld-navbar-height));
-  overflow-y: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ld-bg-mute) transparent;
-}
-
-.on-this-page-title {
-  font-size: 0.6875rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--ld-text-dim);
-  margin: 0 0 0.75rem;
-  padding-left: 0.75rem;
-}
-
-.on-this-page-container {
-  position: relative;
-  padding-left: 2px;
-}
-
-.on-this-page-list {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  border-left: 1px solid var(--ld-border-subtle);
-}
-
-.toc-indicator {
-  position: absolute;
-  left: 0;
-  width: 2px;
-  background-color: var(--ld-color-accent);
-  transition:
-    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
-    height 0.25s cubic-bezier(0.4, 0, 0.2, 1),
-    opacity 0.2s ease;
-  z-index: 1;
-  border-radius: 2px;
-  pointer-events: none;
-  opacity: 0;
-}
-
-.on-this-page-list li {
-  margin: 0;
-}
-
-.on-this-page-list li.toc-indent {
-  padding-left: 0.75rem;
-}
-
-.toc-link {
-  display: block;
-  padding: 0.35rem 0.75rem;
-  font-size: 0.8125rem;
-  color: var(--ld-text-dim);
-  text-decoration: none;
-  border-left: 2px solid transparent;
-  margin-left: -2px;
-  line-height: 1.4;
-  transition: color 0.2s;
-}
-
-.toc-link:hover {
-  color: var(--ld-text-main);
-}
-
-.toc-link.active {
-  color: var(--ld-color-primary);
-  font-weight: 500;
-}
-
-/* ─── Need Help Section ──────────────────────────────────── */
-.toc-help {
-  margin-top: 2rem;
-  padding-top: 1rem;
-  border-top: 1px solid var(--ld-border-subtle);
-}
-
-.toc-help-title {
-  font-size: 0.6875rem;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--ld-text-dim);
-  margin: 0 0 0.5rem;
-  padding-left: 0.75rem;
-}
-
-.toc-help-links {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-
-.toc-help-links li {
-  margin-bottom: 2px;
-}
-
-.toc-help-link {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  padding: 0.3rem 0.75rem;
-  font-size: 0.8rem;
-  color: var(--ld-text-dim);
-  text-decoration: none;
-  border-radius: var(--ld-radius-md);
-  transition:
-    color 0.2s,
-    background-color 0.2s;
-}
-
-.toc-help-link:hover {
-  color: var(--ld-text-muted);
-  background-color: rgba(255, 255, 255, 0.03);
-}
-
-.toc-help-link svg {
-  width: 14px;
-  height: 14px;
-  opacity: 0.6;
-}
+/* ═══════════════════════════════════════════════════════════
+   ON THIS PAGE (TOC)
+   ═══════════════════════════════════════════════════════════ */
+.boltdocs-on-this-page {
+  width: var(--ld-toc-width);
+  flex-shrink: 0;
+  padding: 1.5rem 1rem;
+  position: sticky;
+  top: var(--ld-navbar-height);
+  height: calc(100vh - var(--ld-navbar-height));
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--ld-bg-mute) transparent;
+}
+
+.on-this-page-title {
+  font-size: 0.6875rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--ld-text-dim);
+  margin: 0 0 0.75rem;
+  padding-left: 0.75rem;
+}
+
+.on-this-page-container {
+  position: relative;
+  padding-left: 2px;
+}
+
+.on-this-page-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  border-left: 1px solid var(--ld-border-subtle);
+}
+
+.toc-indicator {
+  position: absolute;
+  left: 0;
+  width: 2px;
+  background-color: var(--ld-color-accent);
+  transition:
+    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+    height 0.25s cubic-bezier(0.4, 0, 0.2, 1),
+    opacity 0.2s ease;
+  z-index: 1;
+  border-radius: 2px;
+  pointer-events: none;
+  opacity: 0;
+}
+
+.on-this-page-list li {
+  margin: 0;
+}
+
+.on-this-page-list li.toc-indent {
+  padding-left: 0.75rem;
+}
+
+.toc-link {
+  display: block;
+  padding: 0.35rem 0.75rem;
+  font-size: 0.8125rem;
+  color: var(--ld-text-dim);
+  text-decoration: none;
+  border-left: 2px solid transparent;
+  margin-left: -2px;
+  line-height: 1.4;
+  transition: color 0.2s;
+}
+
+.toc-link:hover {
+  color: var(--ld-text-main);
+}
+
+.toc-link.active {
+  color: var(--ld-color-primary);
+  font-weight: 500;
+}
+
+/* ─── Need Help Section ──────────────────────────────────── */
+.toc-help {
+  margin-top: 2rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--ld-border-subtle);
+}
+
+.toc-help-title {
+  font-size: 0.6875rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--ld-text-dim);
+  margin: 0 0 0.5rem;
+  padding-left: 0.75rem;
+}
+
+.toc-help-links {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.toc-help-links li {
+  margin-bottom: 2px;
+}
+
+.toc-help-link {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.3rem 0.75rem;
+  font-size: 0.8rem;
+  color: var(--ld-text-dim);
+  text-decoration: none;
+  border-radius: var(--ld-radius-md);
+  transition:
+    color 0.2s,
+    background-color 0.2s;
+}
+
+.toc-help-link:hover {
+  color: var(--ld-text-muted);
+  background-color: rgba(255, 255, 255, 0.03);
+}
+
+.toc-help-link svg {
+  width: 14px;
+  height: 14px;
+  opacity: 0.6;
+}

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

@@ -1,18 +1,18 @@
-import { Zap } from "lucide-react";
-
-export function PoweredBy() {
-  return (
-    <div className="powered-by-container">
-      <a
-        href="https://github.com/jesusalcaladev/boltdocs"
-        target="_blank"
-        rel="noopener noreferrer"
-        className="powered-by-link"
-      >
-        <Zap className="powered-by-icon" size={12} fill="currentColor" />
-        <span>Powered by</span>
-        <span className="powered-by-brand">LiteDocs</span>
-      </a>
-    </div>
-  );
-}
+import { Zap } from "lucide-react";
+
+export function PoweredBy() {
+  return (
+    <div className="powered-by-container">
+      <a
+        href="https://github.com/jesusalcaladev/boltdocs"
+        target="_blank"
+        rel="noopener noreferrer"
+        className="powered-by-link"
+      >
+        <Zap className="powered-by-icon" size={12} fill="currentColor" />
+        <span>Powered by</span>
+        <span className="powered-by-brand">LiteDocs</span>
+      </a>
+    </div>
+  );
+}

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

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

package/src/client/theme/ui/PoweredBy/powered-by.css

@@ -1,76 +1,76 @@
-.powered-by-container {
-  display: flex;
-  justify-content: center;
-  padding: 1rem 0.6rem;
-}
-
-.powered-by-link {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  gap: 0.45rem;
-  padding: 0.45rem 1rem;
-  border-radius: var(--ld-radius-full);
-  background: rgba(255, 255, 255, 0.03);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  color: var(--ld-text-dim);
-  font-size: 0.725rem;
-  font-weight: 500;
-  text-decoration: none;
-  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-  letter-spacing: 0.01em;
-  overflow: hidden;
-}
-
-.powered-by-link::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: linear-gradient(
-    90deg,
-    transparent,
-    rgba(255, 255, 255, 0.05),
-    transparent
-  );
-  transition: 0.5s;
-}
-
-.powered-by-link:hover::before {
-  left: 100%;
-}
-
-.powered-by-link:hover {
-  background: rgba(255, 255, 255, 0.06);
-  border-color: rgba(255, 255, 255, 0.2);
-  color: var(--ld-text-main);
-  transform: translateY(-2px);
-  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
-}
-
-.powered-by-icon {
-  color: var(--ld-color-primary);
-  filter: drop-shadow(0 0 4px var(--ld-color-primary));
-  transition: transform 0.3s ease;
-}
-
-.powered-by-link:hover .powered-by-icon {
-  transform: scale(1.2) rotate(-10deg);
-  filter: drop-shadow(0 0 8px var(--ld-color-primary));
-}
-
-.powered-by-brand {
-  color: var(--ld-color-primary);
-  font-weight: 700;
-  text-shadow: 0 0 10px rgba(var(--ld-color-primary-rgb, 56, 189, 248), 0.3);
-}
-
-@media (max-width: 768px) {
-  .powered-by-container {
-    padding: 0.75rem 0.5rem;
-  }
-}
+.powered-by-container {
+  display: flex;
+  justify-content: center;
+  padding: 1rem 0.6rem;
+}
+
+.powered-by-link {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.45rem;
+  padding: 0.45rem 1rem;
+  border-radius: var(--ld-radius-full);
+  background: rgba(255, 255, 255, 0.03);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  color: var(--ld-text-dim);
+  font-size: 0.725rem;
+  font-weight: 500;
+  text-decoration: none;
+  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+  letter-spacing: 0.01em;
+  overflow: hidden;
+}
+
+.powered-by-link::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    90deg,
+    transparent,
+    rgba(255, 255, 255, 0.05),
+    transparent
+  );
+  transition: 0.5s;
+}
+
+.powered-by-link:hover::before {
+  left: 100%;
+}
+
+.powered-by-link:hover {
+  background: rgba(255, 255, 255, 0.06);
+  border-color: rgba(255, 255, 255, 0.2);
+  color: var(--ld-text-main);
+  transform: translateY(-2px);
+  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
+}
+
+.powered-by-icon {
+  color: var(--ld-color-primary);
+  filter: drop-shadow(0 0 4px var(--ld-color-primary));
+  transition: transform 0.3s ease;
+}
+
+.powered-by-link:hover .powered-by-icon {
+  transform: scale(1.2) rotate(-10deg);
+  filter: drop-shadow(0 0 8px var(--ld-color-primary));
+}
+
+.powered-by-brand {
+  color: var(--ld-color-primary);
+  font-weight: 700;
+  text-shadow: 0 0 10px rgba(var(--ld-color-primary-rgb, 56, 189, 248), 0.3);
+}
+
+@media (max-width: 768px) {
+  .powered-by-container {
+    padding: 0.75rem 0.5rem;
+  }
+}