@farming-labs/nuxt-theme 0.2.87 → 0.2.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/nuxt-theme",
-  "version": "0.2.87",
+  "version": "0.2.89",
   "description": "Nuxt/Vue UI components for @farming-labs/docs — layout, sidebar, TOC, search, and theme toggle",
   "keywords": [
     "docs",
@@ -62,6 +62,11 @@
       "import": "./src/themes/ledger.js",
       "default": "./src/themes/ledger.js"
     },
+    "./shadcn": {
+      "types": "./src/themes/shadcn.d.ts",
+      "import": "./src/themes/shadcn.js",
+      "default": "./src/themes/shadcn.js"
+    },
     "./css": "./styles/docs.css",
     "./fumadocs/css": "./styles/docs.css",
     "./styles/pixel-border.css": "./styles/pixel-border.css",
@@ -84,11 +89,13 @@
     "./styles/command-grid.css": "./styles/command-grid.css",
     "./command-grid/css": "./styles/command-grid-bundle.css",
     "./styles/ledger.css": "./styles/ledger.css",
-    "./ledger/css": "./styles/ledger-bundle.css"
+    "./ledger/css": "./styles/ledger-bundle.css",
+    "./styles/shadcn.css": "./styles/shadcn.css",
+    "./shadcn/css": "./styles/shadcn-bundle.css"
   },
   "dependencies": {
     "sugar-high": "^0.9.5",
-    "@farming-labs/docs": "0.2.87"
+    "@farming-labs/docs": "0.2.89"
   },
   "peerDependencies": {
     "nuxt": ">=3.0.0",

package/src/index.d.ts

@@ -22,3 +22,5 @@ export declare const hardline: (overrides?: { ui?: Record<string, unknown> }) =>
 export declare const HardlineUIDefaults: Record<string, unknown>;
 export declare const ledger: (overrides?: { ui?: Record<string, unknown> }) => DocsTheme;
 export declare const LedgerUIDefaults: Record<string, unknown>;
+export declare const shadcn: (overrides?: { ui?: Record<string, unknown> }) => DocsTheme;
+export declare const ShadcnUIDefaults: Record<string, unknown>;

package/src/index.js

@@ -20,3 +20,4 @@ export { darksharp, DarksharpUIDefaults } from "./themes/darksharp.js";
 export { concrete, ConcreteUIDefaults } from "./themes/concrete.js";
 export { hardline, HardlineUIDefaults } from "./themes/hardline.js";
 export { ledger, LedgerUIDefaults } from "./themes/ledger.js";
+export { shadcn, ShadcnUIDefaults } from "./themes/shadcn.js";

package/src/themes/shadcn.d.ts

@@ -0,0 +1,4 @@
+import type { DocsTheme } from "@farming-labs/docs";
+
+export declare const shadcn: (overrides?: { ui?: Record<string, unknown> }) => DocsTheme;
+export declare const ShadcnUIDefaults: Record<string, unknown>;

package/src/themes/shadcn.js

@@ -0,0 +1,54 @@
+import { createTheme } from "@farming-labs/docs";
+
+const ShadcnUIDefaults = {
+  colors: {
+    primary: "oklch(0 0 0)",
+    primaryForeground: "oklch(0.985 0 0)",
+    background: "oklch(1 0 0)",
+    foreground: "oklch(0 0 0)",
+    muted: "oklch(0.97 0 0)",
+    mutedForeground: "oklch(0.556 0 0)",
+    border: "oklch(0.922 0 0)",
+    card: "oklch(1 0 0)",
+    cardForeground: "oklch(0 0 0)",
+    accent: "oklch(0.97 0 0)",
+    accentForeground: "oklch(0.205 0 0)",
+    secondary: "oklch(0.97 0 0)",
+    secondaryForeground: "oklch(0.205 0 0)",
+    popover: "oklch(1 0 0)",
+    popoverForeground: "oklch(0 0 0)",
+    ring: "oklch(0.708 0 0)",
+  },
+  typography: {
+    font: {
+      style: {
+        sans: "'Geist', 'Geist Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+        mono: "'Geist Mono', 'Geist Mono Fallback', ui-monospace, SFMono-Regular, Menlo, monospace",
+      },
+      h1: { size: "1.875rem", weight: 600, lineHeight: "1.2", letterSpacing: "-0.025em" },
+      h2: { size: "1.25rem", weight: 600, lineHeight: "1.4", letterSpacing: "-0.015em" },
+      h3: { size: "1.125rem", weight: 600, lineHeight: "1.45", letterSpacing: "-0.01em" },
+      h4: { size: "1rem", weight: 600, lineHeight: "1.5", letterSpacing: "0" },
+      body: { size: "0.9375rem", weight: 400, lineHeight: "1.75" },
+      small: { size: "0.8rem", weight: 500, lineHeight: "1.5" },
+    },
+  },
+  radius: "0.625rem",
+  layout: {
+    contentWidth: 640,
+    sidebarWidth: 288,
+    tocWidth: 256,
+    toc: { enabled: true, depth: 4, style: "default" },
+    header: { height: 56, sticky: true },
+  },
+  sidebar: { style: "bordered" },
+  components: {
+    Callout: { variant: "soft", icon: true },
+    CodeBlock: { showCopyButton: true },
+    HoverLink: { linkLabel: "Open page", showIndicator: false },
+    Tabs: { style: "underline" },
+  },
+};
+
+export const shadcn = createTheme({ name: "shadcn", ui: ShadcnUIDefaults });
+export { ShadcnUIDefaults };

package/styles/shadcn-bundle.css

@@ -0,0 +1,3 @@
+/* @farming-labs/nuxt-theme - shadcn docs theme bundled */
+@import "./docs.css";
+@import "./shadcn.css";

package/styles/shadcn.css

@@ -0,0 +1,2 @@
+/* @farming-labs/nuxt-theme - shadcn docs theme overrides */
+@import "@farming-labs/docs/styles/themes/shadcn.css";