@farming-labs/svelte-theme 0.0.2-beta.21 → 0.0.2-beta.22

package/package.json

@@ -1,8 +1,37 @@
 {
   "name": "@farming-labs/svelte-theme",
-  "version": "0.0.2-beta.21",
+  "version": "0.0.2-beta.22",
   "description": "Svelte UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
+  "keywords": [
+    "docs",
+    "documentation",
+    "svelte",
+    "sveltekit",
+    "theme"
+  ],
+  "license": "MIT",
+  "author": "Farming Labs",
+  "files": [
+    "src",
+    "styles"
+  ],
   "type": "module",
+  "typesVersions": {
+    "*": {
+      "pixel-border": [
+        "./src/themes/pixel-border.d.ts"
+      ],
+      "darksharp": [
+        "./src/themes/darksharp.d.ts"
+      ],
+      "fumadocs": [
+        "./src/themes/default.d.ts"
+      ],
+      ".": [
+        "./src/index.d.ts"
+      ]
+    }
+  },
   "svelte": "./src/index.js",
   "exports": {
     ".": {
@@ -40,40 +69,11 @@
     "./styles/colorful.css": "./styles/colorful.css",
     "./colorful/css": "./styles/colorful-bundle.css"
   },
-  "typesVersions": {
-    "*": {
-      "pixel-border": [
-        "./src/themes/pixel-border.d.ts"
-      ],
-      "darksharp": [
-        "./src/themes/darksharp.d.ts"
-      ],
-      "fumadocs": [
-        "./src/themes/default.d.ts"
-      ],
-      ".": [
-        "./src/index.d.ts"
-      ]
-    }
-  },
-  "files": [
-    "src",
-    "styles"
-  ],
-  "keywords": [
-    "docs",
-    "svelte",
-    "sveltekit",
-    "theme",
-    "documentation"
-  ],
-  "author": "Farming Labs",
-  "license": "MIT",
   "dependencies": {
     "gray-matter": "^4.0.3",
     "sugar-high": "^0.9.5",
-    "@farming-labs/docs": "0.0.2-beta.21",
-    "@farming-labs/svelte": "0.0.2-beta.21"
+    "@farming-labs/docs": "0.0.2-beta.22",
+    "@farming-labs/svelte": "0.0.2-beta.22"
   },
   "peerDependencies": {
     "svelte": ">=5.0.0"

package/src/lib/renderMarkdown.js

@@ -16,10 +16,12 @@ function buildCodeBlock(lang, code) {
   const highlighted = highlight(trimmed).replace(/<\/span>\n<span/g, "</span><span");
   const langLabel = lang ? `<div class="fd-ai-code-lang">${escapeHtml(lang)}</div>` : "";
   const copyBtn = `<button class="fd-ai-code-copy" onclick="(function(btn){var code=btn.closest('.fd-ai-code-block').querySelector('code').textContent;navigator.clipboard.writeText(code).then(function(){btn.textContent='Copied!';setTimeout(function(){btn.textContent='Copy'},1500)})})(this)">Copy</button>`;
-  return `<div class="fd-ai-code-block">`
-    + `<div class="fd-ai-code-header">${langLabel}${copyBtn}</div>`
-    + `<pre><code>${highlighted}</code></pre>`
-    + `</div>`;
+  return (
+    `<div class="fd-ai-code-block">` +
+    `<div class="fd-ai-code-header">${langLabel}${copyBtn}</div>` +
+    `<pre><code>${highlighted}</code></pre>` +
+    `</div>`
+  );
 }
 
 function isTableRow(line) {
@@ -33,15 +35,23 @@ function isTableSeparator(line) {
 
 function renderTable(rows) {
   const parseRow = (row) =>
-    row.trim().replace(/^\|/, "").replace(/\|$/, "").split("|").map(c => c.trim());
+    row
+      .trim()
+      .replace(/^\|/, "")
+      .replace(/\|$/, "")
+      .split("|")
+      .map((c) => c.trim());
 
   const headerCells = parseRow(rows[0]);
-  const thead = `<thead><tr>${headerCells.map(c => `<th>${c}</th>`).join("")}</tr></thead>`;
-
-  const bodyRows = rows.slice(1).map(row => {
-    const cells = parseRow(row);
-    return `<tr>${cells.map(c => `<td>${c}</td>`).join("")}</tr>`;
-  }).join("");
+  const thead = `<thead><tr>${headerCells.map((c) => `<th>${c}</th>`).join("")}</tr></thead>`;
+
+  const bodyRows = rows
+    .slice(1)
+    .map((row) => {
+      const cells = parseRow(row);
+      return `<tr>${cells.map((c) => `<td>${c}</td>`).join("")}</tr>`;
+    })
+    .join("");
 
   return `<table>${thead}<tbody>${bodyRows}</tbody></table>`;
 }

package/src/themes/colorful.d.ts

@@ -1,2 +1,4 @@
-export declare const colorful: (overrides?: { ui?: Record<string, unknown> }) => import("@farming-labs/docs").DocsTheme;
+export declare const colorful: (overrides?: {
+  ui?: Record<string, unknown>;
+}) => import("@farming-labs/docs").DocsTheme;
 export declare const ColorfulUIDefaults: Record<string, unknown>;

package/styles/colorful.css

@@ -45,7 +45,9 @@
   font-size: 0.875rem;
   color: var(--color-fd-card-foreground);
   box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
-  transition: background-color 150ms, border-color 150ms;
+  transition:
+    background-color 150ms,
+    border-color 150ms;
 }
 
 .fd-card:hover {

package/styles/docs.css

@@ -8,7 +8,9 @@
 
 /* ─── CSS Reset ──────────────────────────────────────────────────────── */
 
-*, *::before, *::after {
+*,
+*::before,
+*::after {
   box-sizing: border-box;
   margin: 0;
 }
@@ -76,8 +78,18 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 
-code, kbd, pre, samp {
-  font-family: var(--fd-font-mono, ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace);
+code,
+kbd,
+pre,
+samp {
+  font-family: var(
+    --fd-font-mono,
+    ui-monospace,
+    "Cascadia Code",
+    "Source Code Pro",
+    Menlo,
+    monospace
+  );
 }
 
 /* ─── Layout (sidebar + content, TOC lives inside content area) ──────── */
@@ -123,7 +135,9 @@ code, kbd, pre, samp {
   border-radius: 8px;
   color: var(--color-fd-muted-foreground);
   cursor: pointer;
-  transition: background 0.15s, color 0.15s;
+  transition:
+    background 0.15s,
+    color 0.15s;
 }
 
 .fd-menu-btn:hover,
@@ -196,7 +210,9 @@ code, kbd, pre, samp {
   border-radius: 6px;
   color: var(--color-fd-muted-foreground);
   cursor: pointer;
-  transition: background 0.15s, color 0.15s;
+  transition:
+    background 0.15s,
+    color 0.15s;
   flex-shrink: 0;
 }
 
@@ -224,7 +240,9 @@ code, kbd, pre, samp {
   border: 1px solid var(--color-fd-border);
   border-radius: 8px;
   cursor: pointer;
-  transition: border-color 0.15s, background 0.15s;
+  transition:
+    border-color 0.15s,
+    background 0.15s;
 }
 
 .fd-sidebar-search-btn:hover {
@@ -270,7 +288,9 @@ code, kbd, pre, samp {
   text-decoration: none;
   border-radius: 8px;
   position: relative;
-  transition: color 0.15s, background 0.15s;
+  transition:
+    color 0.15s,
+    background 0.15s;
 }
 
 .fd-sidebar-link:hover {
@@ -287,7 +307,7 @@ code, kbd, pre, samp {
 }
 
 .fd-sidebar-folder-content .fd-sidebar-link-active::before {
-  content: '';
+  content: "";
   position: absolute;
   left: -9px;
   top: 25%;
@@ -346,7 +366,7 @@ code, kbd, pre, samp {
 }
 
 .fd-sidebar-folder-content::before {
-  content: '';
+  content: "";
   position: absolute;
   left: 4px;
   top: 4px;
@@ -464,7 +484,9 @@ code, kbd, pre, samp {
   text-decoration: none;
   border-left: 2px solid transparent;
   margin-left: -1px;
-  transition: color 0.15s, border-color 0.15s;
+  transition:
+    color 0.15s,
+    border-color 0.15s;
 }
 
 .fd-toc-link:hover {
@@ -568,7 +590,9 @@ code, kbd, pre, samp {
   color: inherit;
   text-decoration: none;
   cursor: pointer;
-  transition: opacity 0.15s, color 0.15s;
+  transition:
+    opacity 0.15s,
+    color 0.15s;
 }
 
 .fd-breadcrumb-link:hover {
@@ -595,7 +619,9 @@ code, kbd, pre, samp {
   border-radius: 8px;
   color: var(--color-fd-muted-foreground);
   cursor: pointer;
-  transition: color 0.15s, background 0.15s;
+  transition:
+    color 0.15s,
+    background 0.15s;
 }
 
 .fd-theme-toggle:hover {
@@ -771,7 +797,8 @@ code, kbd, pre, samp {
   margin: 0 0 16px;
 }
 
-.fd-page-body ul, .fd-page-body ol {
+.fd-page-body ul,
+.fd-page-body ol {
   margin: 0 0 16px;
   padding-left: 24px;
 }
@@ -904,7 +931,10 @@ html.dark pre.shiki {
   color: var(--color-fd-muted-foreground);
   cursor: pointer;
   opacity: 0;
-  transition: opacity 0.15s, color 0.15s, background 0.15s;
+  transition:
+    opacity 0.15s,
+    color 0.15s,
+    background 0.15s;
 }
 
 .fd-codeblock:hover .fd-copy-btn {
@@ -949,7 +979,9 @@ html.dark pre.shiki {
   border: none;
   border-bottom: 2px solid transparent;
   cursor: pointer;
-  transition: color 0.15s, border-color 0.15s;
+  transition:
+    color 0.15s,
+    border-color 0.15s;
   white-space: nowrap;
 }
 
@@ -1059,13 +1091,23 @@ html.dark pre.shiki {
 }
 
 @keyframes fd-fade-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes fd-slide-up {
-  from { opacity: 0; transform: translateY(8px) scale(0.98); }
-  to { opacity: 1; transform: translateY(0) scale(1); }
+  from {
+    opacity: 0;
+    transform: translateY(8px) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
 }
 
 /* ─── Callout / Admonition ──────────────────────────────────────────── */
@@ -1093,22 +1135,42 @@ html.dark pre.shiki {
   border-radius: 8px 0 0 8px;
 }
 
-.fd-callout-note .fd-callout-indicator { background: hsl(221, 83%, 53%); }
-.fd-callout-warning .fd-callout-indicator { background: hsl(38, 92%, 50%); }
-.fd-callout-tip .fd-callout-indicator { background: hsl(142, 71%, 45%); }
-.fd-callout-important .fd-callout-indicator { background: hsl(262, 83%, 58%); }
-.fd-callout-caution .fd-callout-indicator { background: hsl(0, 72%, 51%); }
+.fd-callout-note .fd-callout-indicator {
+  background: hsl(221, 83%, 53%);
+}
+.fd-callout-warning .fd-callout-indicator {
+  background: hsl(38, 92%, 50%);
+}
+.fd-callout-tip .fd-callout-indicator {
+  background: hsl(142, 71%, 45%);
+}
+.fd-callout-important .fd-callout-indicator {
+  background: hsl(262, 83%, 58%);
+}
+.fd-callout-caution .fd-callout-indicator {
+  background: hsl(0, 72%, 51%);
+}
 
 .fd-callout-icon {
   flex-shrink: 0;
   margin-top: 2px;
 }
 
-.fd-callout-note .fd-callout-icon { color: hsl(221, 83%, 53%); }
-.fd-callout-warning .fd-callout-icon { color: hsl(38, 92%, 50%); }
-.fd-callout-tip .fd-callout-icon { color: hsl(142, 71%, 45%); }
-.fd-callout-important .fd-callout-icon { color: hsl(262, 83%, 58%); }
-.fd-callout-caution .fd-callout-icon { color: hsl(0, 72%, 51%); }
+.fd-callout-note .fd-callout-icon {
+  color: hsl(221, 83%, 53%);
+}
+.fd-callout-warning .fd-callout-icon {
+  color: hsl(38, 92%, 50%);
+}
+.fd-callout-tip .fd-callout-icon {
+  color: hsl(142, 71%, 45%);
+}
+.fd-callout-important .fd-callout-icon {
+  color: hsl(262, 83%, 58%);
+}
+.fd-callout-caution .fd-callout-icon {
+  color: hsl(0, 72%, 51%);
+}
 
 .fd-callout-content {
   flex: 1;
@@ -1120,11 +1182,21 @@ html.dark pre.shiki {
   font-size: 13px;
 }
 
-.fd-callout-note .fd-callout-title { color: hsl(221, 83%, 53%); }
-.fd-callout-warning .fd-callout-title { color: hsl(38, 92%, 50%); }
-.fd-callout-tip .fd-callout-title { color: hsl(142, 71%, 45%); }
-.fd-callout-important .fd-callout-title { color: hsl(262, 83%, 58%); }
-.fd-callout-caution .fd-callout-title { color: hsl(0, 72%, 51%); }
+.fd-callout-note .fd-callout-title {
+  color: hsl(221, 83%, 53%);
+}
+.fd-callout-warning .fd-callout-title {
+  color: hsl(38, 92%, 50%);
+}
+.fd-callout-tip .fd-callout-title {
+  color: hsl(142, 71%, 45%);
+}
+.fd-callout-important .fd-callout-title {
+  color: hsl(262, 83%, 58%);
+}
+.fd-callout-caution .fd-callout-title {
+  color: hsl(0, 72%, 51%);
+}
 
 .fd-callout-content p:last-child {
   margin-bottom: 0;
@@ -1185,7 +1257,9 @@ html.dark pre.shiki {
   border-radius: 8px;
   text-decoration: none;
   color: var(--color-fd-foreground);
-  transition: background-color 0.15s, border-color 0.15s;
+  transition:
+    background-color 0.15s,
+    border-color 0.15s;
 }
 
 .fd-page-nav-card:hover {
@@ -1233,28 +1307,58 @@ html.dark pre.shiki {
  * ═══════════════════════════════════════════════════════════════════════ */
 
 @keyframes fd-ai-dot {
-  0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
-  40% { transform: scale(1); opacity: 1; }
+  0%,
+  80%,
+  100% {
+    transform: scale(0);
+    opacity: 0.5;
+  }
+  40% {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
 
 @keyframes fd-ai-fade-in {
-  from { opacity: 0; }
-  to { opacity: 1; }
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 
 @keyframes fd-ai-slide-up {
-  from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); }
-  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
 }
 
 @keyframes fd-ai-float-in {
-  from { opacity: 0; transform: translateY(12px) scale(0.95); }
-  to { opacity: 1; transform: translateY(0) scale(1); }
+  from {
+    opacity: 0;
+    transform: translateY(12px) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
 }
 
 @keyframes fd-ai-float-center-in {
-  from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); }
-  to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+  from {
+    opacity: 0;
+    transform: translate(-50%, -48%) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1);
+  }
 }
 
 .fd-ai-overlay {
@@ -1303,7 +1407,10 @@ html.dark pre.shiki {
   border: none;
   border-bottom: 2px solid transparent;
   cursor: pointer;
-  transition: color 150ms, border-color 150ms, background-color 150ms;
+  transition:
+    color 150ms,
+    border-color 150ms,
+    background-color 150ms;
   background: transparent;
   color: var(--color-fd-muted-foreground);
   font-family: inherit;
@@ -1425,7 +1532,9 @@ html.dark pre.shiki {
   text-align: left;
   font-size: 14px;
   font-family: inherit;
-  transition: background 100ms, color 100ms;
+  transition:
+    background 100ms,
+    color 100ms;
   color: var(--color-fd-foreground);
   background: transparent;
   color: var(--color-fd-foreground);
@@ -1638,8 +1747,12 @@ html.dark pre.shiki {
   animation: fd-ai-dot 1.4s infinite ease-in-out both;
 }
 
-.fd-ai-loading-dot:nth-child(2) { animation-delay: 0.16s; }
-.fd-ai-loading-dot:nth-child(3) { animation-delay: 0.32s; }
+.fd-ai-loading-dot:nth-child(2) {
+  animation-delay: 0.16s;
+}
+.fd-ai-loading-dot:nth-child(3) {
+  animation-delay: 0.32s;
+}
 
 /* ─── Markdown in AI responses ───────────────────────────────── */
 
@@ -1738,7 +1851,11 @@ html.dark pre.shiki {
 
 .fd-ai-code-copy:hover {
   color: var(--color-fd-foreground, #e4e4e7);
-  background: color-mix(in srgb, var(--color-fd-accent, rgba(255,255,255,0.05)) 60%, transparent);
+  background: color-mix(
+    in srgb,
+    var(--color-fd-accent, rgba(255, 255, 255, 0.05)) 60%,
+    transparent
+  );
 }
 
 .fd-ai-code-block pre {
@@ -1759,7 +1876,10 @@ html.dark pre.shiki {
   border-radius: 0;
 }
 
-.fd-ai-code-block .sh__line { display: block; min-height: 1.2em; }
+.fd-ai-code-block .sh__line {
+  display: block;
+  min-height: 1.2em;
+}
 
 /* ═══════════════════════════════════════════════════════════════
    Default theme AI overrides — rounded, soft, indigo
@@ -1768,7 +1888,9 @@ html.dark pre.shiki {
 
 .fd-ai-dialog {
   border-radius: 12px;
-  box-shadow: 0 20px 60px rgba(99, 102, 241, 0.08), 0 8px 24px rgba(0, 0, 0, 0.12);
+  box-shadow:
+    0 20px 60px rgba(99, 102, 241, 0.08),
+    0 8px 24px rgba(0, 0, 0, 0.12);
 }
 
 .fd-ai-bubble-user {
@@ -1851,7 +1973,10 @@ html.dark pre.shiki {
   cursor: pointer;
   font-size: 14px;
   box-shadow: 0 1px 3px color-mix(in srgb, var(--color-fd-background, #000) 20%, transparent);
-  transition: transform 150ms, background 150ms, color 150ms;
+  transition:
+    transform 150ms,
+    background 150ms,
+    color 150ms;
   animation: fd-ai-fade-in 300ms ease-out;
 }
 
@@ -1927,8 +2052,20 @@ html.dark pre.shiki {
   overflow-y: auto;
   width: min(800px, 100%);
   padding: 24px 0 120px;
-  mask-image: linear-gradient(to bottom, transparent, white 3rem, white calc(100% - 8rem), transparent 100%);
-  -webkit-mask-image: linear-gradient(to bottom, transparent, white 3rem, white calc(100% - 8rem), transparent 100%);
+  mask-image: linear-gradient(
+    to bottom,
+    transparent,
+    white 3rem,
+    white calc(100% - 8rem),
+    transparent 100%
+  );
+  -webkit-mask-image: linear-gradient(
+    to bottom,
+    transparent,
+    white 3rem,
+    white calc(100% - 8rem),
+    transparent 100%
+  );
 }
 
 .fd-ai-fm-messages-inner {
@@ -2017,12 +2154,24 @@ html.dark pre.shiki {
   animation: fd-ai-fm-bounce 1s infinite ease-in-out;
 }
 
-.fd-ai-fm-thinking-dot:nth-child(2) { animation-delay: 150ms; }
-.fd-ai-fm-thinking-dot:nth-child(3) { animation-delay: 300ms; }
+.fd-ai-fm-thinking-dot:nth-child(2) {
+  animation-delay: 150ms;
+}
+.fd-ai-fm-thinking-dot:nth-child(3) {
+  animation-delay: 300ms;
+}
 
 @keyframes fd-ai-fm-bounce {
-  0%, 80%, 100% { transform: scale(0.6); opacity: 0.4; }
-  40% { transform: scale(1); opacity: 1; }
+  0%,
+  80%,
+  100% {
+    transform: scale(0.6);
+    opacity: 0.4;
+  }
+  40% {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
 
 /* ─── Bottom input bar ───────────────────────────────────────── */
@@ -2030,9 +2179,10 @@ html.dark pre.shiki {
 .fd-ai-fm-input-bar {
   position: fixed;
   z-index: 9999;
-  transition: width 300ms cubic-bezier(0.34, 1.56, 0.64, 1),
-              height 300ms cubic-bezier(0.34, 1.56, 0.64, 1),
-              transform 200ms ease-out;
+  transition:
+    width 300ms cubic-bezier(0.34, 1.56, 0.64, 1),
+    height 300ms cubic-bezier(0.34, 1.56, 0.64, 1),
+    transform 200ms ease-out;
 }
 
 .fd-ai-fm-input-bar--closed {
@@ -2120,8 +2270,20 @@ html.dark pre.shiki {
   gap: 8px;
   overflow-x: auto;
   padding-bottom: 4px;
-  mask-image: linear-gradient(to right, transparent 0%, black 1rem, black calc(100% - 1rem), transparent 100%);
-  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 1rem, black calc(100% - 1rem), transparent 100%);
+  mask-image: linear-gradient(
+    to right,
+    transparent 0%,
+    black 1rem,
+    black calc(100% - 1rem),
+    transparent 100%
+  );
+  -webkit-mask-image: linear-gradient(
+    to right,
+    transparent 0%,
+    black 1rem,
+    black calc(100% - 1rem),
+    transparent 100%
+  );
 }
 
 .fd-ai-fm-suggestion {
@@ -2131,15 +2293,16 @@ html.dark pre.shiki {
   font-size: 12px;
   font-family: inherit;
   border-radius: 9999px;
-  border: 1px solid color-mix(in srgb, var(--color-fd-border, rgba(255,255,255,0.1)) 50%, transparent);
-  background: color-mix(in srgb, var(--color-fd-muted, rgba(255,255,255,0.04)) 30%, transparent);
+  border: 1px solid
+    color-mix(in srgb, var(--color-fd-border, rgba(255, 255, 255, 0.1)) 50%, transparent);
+  background: color-mix(in srgb, var(--color-fd-muted, rgba(255, 255, 255, 0.04)) 30%, transparent);
   color: var(--color-fd-muted-foreground, #71717a);
   cursor: pointer;
   transition: all 200ms;
 }
 
 .fd-ai-fm-suggestion:hover {
-  background: color-mix(in srgb, var(--color-fd-muted, rgba(255,255,255,0.04)) 50%, transparent);
+  background: color-mix(in srgb, var(--color-fd-muted, rgba(255, 255, 255, 0.04)) 50%, transparent);
   color: var(--color-fd-foreground, #e4e4e7);
   border-color: var(--color-fd-border, rgba(255, 255, 255, 0.1));
 }
@@ -2152,7 +2315,11 @@ html.dark pre.shiki {
   gap: 4px;
   padding: 8px 16px;
   border-top: 1px solid var(--color-fd-border, rgba(255, 255, 255, 0.06));
-  background: color-mix(in srgb, var(--color-fd-accent, rgba(255,255,255,0.03)) 40%, transparent);
+  background: color-mix(
+    in srgb,
+    var(--color-fd-accent, rgba(255, 255, 255, 0.03)) 40%,
+    transparent
+  );
   font-size: 12px;
   color: var(--color-fd-muted-foreground, #71717a);
 }
@@ -2202,7 +2369,10 @@ html.dark pre.shiki {
   font-size: 14px;
   cursor: pointer;
   box-shadow: 0 1px 3px color-mix(in srgb, var(--color-fd-background, #000) 20%, transparent);
-  transition: transform 150ms, background 150ms, color 150ms;
+  transition:
+    transform 150ms,
+    background 150ms,
+    color 150ms;
   animation: fd-ai-fade-in 300ms ease-out;
   white-space: nowrap;
 }

package/styles/pixel-border.css

@@ -81,7 +81,7 @@
 }
 
 .fd-sidebar-folder-content::before {
-  content: '';
+  content: "";
   position: absolute;
   left: 4px;
   top: 4px;
@@ -100,7 +100,7 @@
   border-bottom: 1px solid var(--color-fd-border);
 }
 .fd-sidebar-folder-content::before {
-  content: '';
+  content: "";
   position: absolute;
   left: -4px;
   top: 3px;
@@ -213,7 +213,7 @@
 
 /* Active indicator bar for child links */
 .fd-sidebar-folder-content .fd-sidebar-link-active::before {
-  content: '';
+  content: "";
   position: absolute;
   left: -16px;
   top: 25%;
@@ -246,7 +246,6 @@
   border-top: 1px solid var(--color-fd-border) !important;
   border-bottom: 1px solid var(--color-fd-border) !important;
   border-radius: 0 !important;
-  
 }
 
 .fd-sidebar-search {