@silicajs/theme-amethyst 0.1.0

package/dist/callout.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+type CalloutProps = HTMLAttributes<HTMLElement> & {
+    "data-callout"?: string;
+    "data-callout-title"?: string;
+    "data-callout-foldable"?: string;
+    "data-callout-open"?: string;
+};
+declare function Callout({ children, className, "data-callout": callout, "data-callout-title": title, "data-callout-foldable": foldable, "data-callout-open": open, ...props }: CalloutProps): react_jsx_runtime.JSX.Element;
+
+export { Callout, type CalloutProps };

package/dist/callout.js

@@ -0,0 +1,179 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "@silicajs/ui/lib/utils";
+import {
+  AlertTriangle,
+  Bug,
+  CheckCircle2,
+  ChevronRight,
+  CircleHelp,
+  ClipboardList,
+  Flame,
+  Info,
+  List,
+  Pencil,
+  Quote,
+  XCircle,
+  Zap
+} from "lucide-react";
+const calloutVariants = cva(
+  "silica-callout my-5 rounded-lg border px-4 py-3 text-foreground",
+  {
+    variants: {
+      intent: {
+        abstract: "border-teal-500/40 bg-teal-500/10",
+        danger: "border-red-500/40 bg-red-500/10",
+        question: "border-yellow-500/40 bg-yellow-500/10",
+        muted: "border-muted-foreground/40 bg-muted/70",
+        primary: "border-primary/40 bg-primary/10",
+        success: "border-green-500/40 bg-green-500/10",
+        tip: "border-sky-500/40 bg-sky-500/10",
+        warning: "border-orange-500/40 bg-orange-500/10"
+      }
+    },
+    defaultVariants: {
+      intent: "muted"
+    }
+  }
+);
+const calloutTitleVariants = cva(
+  "flex items-center gap-2 text-sm font-semibold leading-6",
+  {
+    variants: {
+      intent: {
+        abstract: "text-teal-700 dark:text-teal-300",
+        danger: "text-red-700 dark:text-red-300",
+        question: "text-yellow-700 dark:text-yellow-300",
+        muted: "text-muted-foreground",
+        primary: "text-primary",
+        success: "text-green-700 dark:text-green-300",
+        tip: "text-sky-700 dark:text-sky-300",
+        warning: "text-orange-700 dark:text-orange-300"
+      }
+    },
+    defaultVariants: {
+      intent: "muted"
+    }
+  }
+);
+const DEFAULT_CALLOUT = {
+  icon: Pencil,
+  intent: "primary"
+};
+const CALLOUT_TYPES = {
+  abstract: { icon: ClipboardList, intent: "abstract" },
+  attention: { icon: AlertTriangle, intent: "warning" },
+  bug: { icon: Bug, intent: "danger" },
+  caution: { icon: AlertTriangle, intent: "warning" },
+  check: { icon: CheckCircle2, intent: "success" },
+  cite: { icon: Quote, intent: "muted" },
+  danger: { icon: Zap, intent: "danger" },
+  done: { icon: CheckCircle2, intent: "success" },
+  error: { icon: Zap, intent: "danger" },
+  example: { icon: List, intent: "muted" },
+  fail: { icon: XCircle, intent: "danger" },
+  failure: { icon: XCircle, intent: "danger" },
+  faq: { icon: CircleHelp, intent: "question" },
+  help: { icon: CircleHelp, intent: "question" },
+  hint: { icon: Flame, intent: "tip" },
+  important: { icon: Flame, intent: "tip" },
+  info: { icon: Info, intent: "primary" },
+  missing: { icon: XCircle, intent: "danger" },
+  note: DEFAULT_CALLOUT,
+  question: { icon: CircleHelp, intent: "question" },
+  quote: { icon: Quote, intent: "muted" },
+  success: { icon: CheckCircle2, intent: "success" },
+  summary: { icon: ClipboardList, intent: "abstract" },
+  tip: { icon: Flame, intent: "tip" },
+  tldr: { icon: ClipboardList, intent: "abstract" },
+  todo: { icon: CheckCircle2, intent: "primary" },
+  warning: { icon: AlertTriangle, intent: "warning" }
+};
+function Callout({
+  children,
+  className,
+  "data-callout": callout = "muted",
+  "data-callout-title": title,
+  "data-callout-foldable": foldable,
+  "data-callout-open": open,
+  ...props
+}) {
+  const type = callout.toLowerCase();
+  const { icon: Icon, intent } = CALLOUT_TYPES[type] ?? DEFAULT_CALLOUT;
+  const heading = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 flex-none", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx("span", { children: title || titleCase(type) })
+  ] });
+  if (foldable === "true") {
+    return /* @__PURE__ */ jsxs(
+      "details",
+      {
+        ...props,
+        "data-slot": "callout",
+        className: cn("group/callout", calloutVariants({ intent }), className),
+        "data-callout": type,
+        open: open !== "false" ? true : void 0,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "summary",
+            {
+              "data-slot": "callout-title",
+              className: cn(
+                calloutTitleVariants({ intent }),
+                "cursor-pointer list-none [&::-webkit-details-marker]:hidden"
+              ),
+              children: [
+                heading,
+                /* @__PURE__ */ jsx(
+                  ChevronRight,
+                  {
+                    className: "ml-auto h-4 w-4 transition-transform group-open/callout:rotate-90",
+                    "aria-hidden": "true"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(CalloutContent, { children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      ...props,
+      "data-slot": "callout",
+      className: cn(calloutVariants({ intent }), className),
+      "data-callout": type,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "callout-title",
+            className: calloutTitleVariants({ intent }),
+            children: heading
+          }
+        ),
+        /* @__PURE__ */ jsx(CalloutContent, { children })
+      ]
+    }
+  );
+}
+function CalloutContent({ children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "callout-content",
+      className: "mt-2 [&>:first-child]:mt-0 [&>:last-child]:mb-0",
+      children
+    }
+  );
+}
+function titleCase(value) {
+  return value.split(/[-_\s]+/).filter(Boolean).map((part) => part[0].toUpperCase() + part.slice(1)).join(" ");
+}
+export {
+  Callout
+};
+//# sourceMappingURL=callout.js.map

package/dist/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/callout.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@silicajs/ui/lib/utils\";\nimport {\n  AlertTriangle,\n  Bug,\n  CheckCircle2,\n  ChevronRight,\n  CircleHelp,\n  ClipboardList,\n  Flame,\n  Info,\n  List,\n  Pencil,\n  Quote,\n  XCircle,\n  Zap,\n  type LucideIcon,\n} from \"lucide-react\";\n\nconst calloutVariants = cva(\n  \"silica-callout my-5 rounded-lg border px-4 py-3 text-foreground\",\n  {\n    variants: {\n      intent: {\n        abstract: \"border-teal-500/40 bg-teal-500/10\",\n        danger: \"border-red-500/40 bg-red-500/10\",\n        question: \"border-yellow-500/40 bg-yellow-500/10\",\n        muted: \"border-muted-foreground/40 bg-muted/70\",\n        primary: \"border-primary/40 bg-primary/10\",\n        success: \"border-green-500/40 bg-green-500/10\",\n        tip: \"border-sky-500/40 bg-sky-500/10\",\n        warning: \"border-orange-500/40 bg-orange-500/10\",\n      },\n    },\n    defaultVariants: {\n      intent: \"muted\",\n    },\n  },\n);\n\nconst calloutTitleVariants = cva(\n  \"flex items-center gap-2 text-sm font-semibold leading-6\",\n  {\n    variants: {\n      intent: {\n        abstract: \"text-teal-700 dark:text-teal-300\",\n        danger: \"text-red-700 dark:text-red-300\",\n        question: \"text-yellow-700 dark:text-yellow-300\",\n        muted: \"text-muted-foreground\",\n        primary: \"text-primary\",\n        success: \"text-green-700 dark:text-green-300\",\n        tip: \"text-sky-700 dark:text-sky-300\",\n        warning: \"text-orange-700 dark:text-orange-300\",\n      },\n    },\n    defaultVariants: {\n      intent: \"muted\",\n    },\n  },\n);\n\ntype CalloutIntent = NonNullable<\n  VariantProps<typeof calloutVariants>[\"intent\"]\n>;\n\ntype CalloutDefinition = {\n  icon: LucideIcon;\n  intent: CalloutIntent;\n};\n\nconst DEFAULT_CALLOUT: CalloutDefinition = {\n  icon: Pencil,\n  intent: \"primary\",\n};\n\nconst CALLOUT_TYPES: Record<string, CalloutDefinition> = {\n  abstract: { icon: ClipboardList, intent: \"abstract\" },\n  attention: { icon: AlertTriangle, intent: \"warning\" },\n  bug: { icon: Bug, intent: \"danger\" },\n  caution: { icon: AlertTriangle, intent: \"warning\" },\n  check: { icon: CheckCircle2, intent: \"success\" },\n  cite: { icon: Quote, intent: \"muted\" },\n  danger: { icon: Zap, intent: \"danger\" },\n  done: { icon: CheckCircle2, intent: \"success\" },\n  error: { icon: Zap, intent: \"danger\" },\n  example: { icon: List, intent: \"muted\" },\n  fail: { icon: XCircle, intent: \"danger\" },\n  failure: { icon: XCircle, intent: \"danger\" },\n  faq: { icon: CircleHelp, intent: \"question\" },\n  help: { icon: CircleHelp, intent: \"question\" },\n  hint: { icon: Flame, intent: \"tip\" },\n  important: { icon: Flame, intent: \"tip\" },\n  info: { icon: Info, intent: \"primary\" },\n  missing: { icon: XCircle, intent: \"danger\" },\n  note: DEFAULT_CALLOUT,\n  question: { icon: CircleHelp, intent: \"question\" },\n  quote: { icon: Quote, intent: \"muted\" },\n  success: { icon: CheckCircle2, intent: \"success\" },\n  summary: { icon: ClipboardList, intent: \"abstract\" },\n  tip: { icon: Flame, intent: \"tip\" },\n  tldr: { icon: ClipboardList, intent: \"abstract\" },\n  todo: { icon: CheckCircle2, intent: \"primary\" },\n  warning: { icon: AlertTriangle, intent: \"warning\" },\n};\n\nexport type CalloutProps = HTMLAttributes<HTMLElement> & {\n  \"data-callout\"?: string;\n  \"data-callout-title\"?: string;\n  \"data-callout-foldable\"?: string;\n  \"data-callout-open\"?: string;\n};\n\nexport function Callout({\n  children,\n  className,\n  \"data-callout\": callout = \"muted\",\n  \"data-callout-title\": title,\n  \"data-callout-foldable\": foldable,\n  \"data-callout-open\": open,\n  ...props\n}: CalloutProps) {\n  const type = callout.toLowerCase();\n  const { icon: Icon, intent } = CALLOUT_TYPES[type] ?? DEFAULT_CALLOUT;\n  const heading = (\n    <>\n      <Icon className=\"h-4 w-4 flex-none\" aria-hidden=\"true\" />\n      <span>{title || titleCase(type)}</span>\n    </>\n  );\n\n  if (foldable === \"true\") {\n    return (\n      <details\n        {...props}\n        data-slot=\"callout\"\n        className={cn(\"group/callout\", calloutVariants({ intent }), className)}\n        data-callout={type}\n        open={open !== \"false\" ? true : undefined}\n      >\n        <summary\n          data-slot=\"callout-title\"\n          className={cn(\n            calloutTitleVariants({ intent }),\n            \"cursor-pointer list-none [&::-webkit-details-marker]:hidden\",\n          )}\n        >\n          {heading}\n          <ChevronRight\n            className=\"ml-auto h-4 w-4 transition-transform group-open/callout:rotate-90\"\n            aria-hidden=\"true\"\n          />\n        </summary>\n        <CalloutContent>{children}</CalloutContent>\n      </details>\n    );\n  }\n\n  return (\n    <aside\n      {...props}\n      data-slot=\"callout\"\n      className={cn(calloutVariants({ intent }), className)}\n      data-callout={type}\n    >\n      <div\n        data-slot=\"callout-title\"\n        className={calloutTitleVariants({ intent })}\n      >\n        {heading}\n      </div>\n      <CalloutContent>{children}</CalloutContent>\n    </aside>\n  );\n}\n\nfunction CalloutContent({ children }: { children: ReactNode }) {\n  return (\n    <div\n      data-slot=\"callout-content\"\n      className=\"mt-2 [&>:first-child]:mt-0 [&>:last-child]:mb-0\"\n    >\n      {children}\n    </div>\n  );\n}\n\nfunction titleCase(value: string): string {\n  return value\n    .split(/[-_\\s]+/)\n    .filter(Boolean)\n    .map((part) => part[0]!.toUpperCase() + part.slice(1))\n    .join(\" \");\n}\n"],"mappings":"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","names":[]}

package/dist/code-block.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+type CodeBlockProps = HTMLAttributes<HTMLElement> & {
+    "data-language"?: string;
+    "data-language-label"?: string;
+};
+declare function CodeBlock({ children, className, "data-language": language, "data-language-label": languageLabel, ...props }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockProps };

package/dist/code-block.js

@@ -0,0 +1,49 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@silicajs/ui/lib/utils";
+import { Code2 } from "lucide-react";
+function CodeBlock({
+  children,
+  className,
+  "data-language": language,
+  "data-language-label": languageLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      ...props,
+      "data-slot": "code-block",
+      "data-language": language,
+      className: cn(
+        "p-2 my-6 overflow-hidden rounded-lg bg-(--tw-prose-pre-bg)",
+        "[&>pre]:m-0 [&>pre]:rounded-none [&>pre]:border-0 [&>pre]:shadow-none",
+        className
+      ),
+      children: [
+        languageLabel ? /* @__PURE__ */ jsx(
+          "figcaption",
+          {
+            "data-slot": "code-block-header",
+            className: "flex items-center justify-between px-3.5 pt-3.5 mt-0 text-xs leading-none tracking-wide text-muted-foreground",
+            children: /* @__PURE__ */ jsxs(
+              "span",
+              {
+                "data-slot": "code-block-language",
+                className: "inline-flex items-center gap-1.5",
+                children: [
+                  /* @__PURE__ */ jsx(Code2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }),
+                  languageLabel
+                ]
+              }
+            )
+          }
+        ) : null,
+        children
+      ]
+    }
+  );
+}
+export {
+  CodeBlock
+};
+//# sourceMappingURL=code-block.js.map

package/dist/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/code-block.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@silicajs/ui/lib/utils\";\nimport { Code2 } from \"lucide-react\";\n\nexport type CodeBlockProps = HTMLAttributes<HTMLElement> & {\n  \"data-language\"?: string;\n  \"data-language-label\"?: string;\n};\n\nexport function CodeBlock({\n  children,\n  className,\n  \"data-language\": language,\n  \"data-language-label\": languageLabel,\n  ...props\n}: CodeBlockProps) {\n  return (\n    <figure\n      {...props}\n      data-slot=\"code-block\"\n      data-language={language}\n      className={cn(\n        \"p-2 my-6 overflow-hidden rounded-lg bg-(--tw-prose-pre-bg)\",\n        \"[&>pre]:m-0 [&>pre]:rounded-none [&>pre]:border-0 [&>pre]:shadow-none\",\n        className,\n      )}\n    >\n      {languageLabel ? (\n        <figcaption\n          data-slot=\"code-block-header\"\n          className=\"flex items-center justify-between px-3.5 pt-3.5 mt-0 text-xs leading-none tracking-wide text-muted-foreground\"\n        >\n          <span\n            data-slot=\"code-block-language\"\n            className=\"inline-flex items-center gap-1.5\"\n          >\n            <Code2 className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n            {languageLabel}\n          </span>\n        </figcaption>\n      ) : null}\n      {children}\n    </figure>\n  );\n}\n"],"mappings":"AAgCU,SAIE,KAJF;AA/BV,SAAS,UAAU;AACnB,SAAS,aAAa;AAOf,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,iBAAe;AAAA,MACf,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,wBACC;AAAA,UAAC;AAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV;AAAA,cAAC;AAAA;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,gBAEV;AAAA,sCAAC,SAAM,WAAU,eAAc,eAAY,QAAO;AAAA,kBACjD;AAAA;AAAA;AAAA,YACH;AAAA;AAAA,QACF,IACE;AAAA,QACH;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/embed.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+type EmbedProps = HTMLAttributes<HTMLElement> & {
+    "data-embed-kind"?: string;
+    "data-embed-target"?: string;
+    src?: string;
+};
+declare function Embed({ children, className, "data-embed-kind": kind, "data-embed-target": target, src, ...props }: EmbedProps): react_jsx_runtime.JSX.Element;
+
+export { Embed, type EmbedProps };

package/dist/embed.js

@@ -0,0 +1,29 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@silicajs/ui/lib/utils";
+function Embed({
+  children,
+  className,
+  "data-embed-kind": kind,
+  "data-embed-target": target,
+  src,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "figure",
+    {
+      ...props,
+      "data-slot": "embed",
+      "data-embed-kind": kind,
+      "data-embed-target": target,
+      className: cn(
+        "my-6 overflow-hidden rounded-lg border bg-muted/30",
+        className
+      ),
+      children: src && kind === "pdf" ? /* @__PURE__ */ jsx("object", { data: src, type: "application/pdf", className: "h-96 w-full", children }) : /* @__PURE__ */ jsx("div", { className: "p-4 text-sm text-muted-foreground", children })
+    }
+  );
+}
+export {
+  Embed
+};
+//# sourceMappingURL=embed.js.map

package/dist/embed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/embed.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@silicajs/ui/lib/utils\";\n\nexport type EmbedProps = HTMLAttributes<HTMLElement> & {\n  \"data-embed-kind\"?: string;\n  \"data-embed-target\"?: string;\n  src?: string;\n};\n\nexport function Embed({\n  children,\n  className,\n  \"data-embed-kind\": kind,\n  \"data-embed-target\": target,\n  src,\n  ...props\n}: EmbedProps) {\n  return (\n    <figure\n      {...props}\n      data-slot=\"embed\"\n      data-embed-kind={kind}\n      data-embed-target={target}\n      className={cn(\n        \"my-6 overflow-hidden rounded-lg border bg-muted/30\",\n        className,\n      )}\n    >\n      {src && kind === \"pdf\" ? (\n        <object data={src} type=\"application/pdf\" className=\"h-96 w-full\">\n          {children}\n        </object>\n      ) : (\n        <div className=\"p-4 text-sm text-muted-foreground\">{children}</div>\n      )}\n    </figure>\n  );\n}\n"],"mappings":"AA6BQ;AA5BR,SAAS,UAAU;AAQZ,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAe;AACb,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,mBAAiB;AAAA,MACjB,qBAAmB;AAAA,MACnB,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC,iBAAO,SAAS,QACf,oBAAC,YAAO,MAAM,KAAK,MAAK,mBAAkB,WAAU,eACjD,UACH,IAEA,oBAAC,SAAI,WAAU,qCAAqC,UAAS;AAAA;AAAA,EAEjE;AAEJ;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeLayoutProps, ThemePageProps } from '@silicajs/core/theme';
+import { Callout } from './callout.js';
+import { CodeBlock } from './code-block.js';
+import { Embed } from './embed.js';
+import { Mermaid } from './mermaid.js';
+import 'react';
+
+declare function Layout({ navigation, config, children, Provider, }: ThemeLayoutProps): react_jsx_runtime.JSX.Element;
+declare function PageRenderer({ page, graph, manifest }: ThemePageProps): react_jsx_runtime.JSX.Element;
+declare const components: {
+    "silica-callout": typeof Callout;
+    "silica-code-block": typeof CodeBlock;
+    "silica-embed": typeof Embed;
+    "silica-mermaid": typeof Mermaid;
+};
+declare const _default: {
+    Layout: typeof Layout;
+    PageRenderer: typeof PageRenderer;
+    components: {
+        "silica-callout": typeof Callout;
+        "silica-code-block": typeof CodeBlock;
+        "silica-embed": typeof Embed;
+        "silica-mermaid": typeof Mermaid;
+    };
+};
+
+export { Layout, PageRenderer, components, _default as default };

package/dist/index.js

@@ -0,0 +1,116 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { tagToHref } from "@silicajs/core/runtime";
+import {
+  Backlinks,
+  Breadcrumbs,
+  PageProperties,
+  SilicaLink,
+  TableOfContents
+} from "@silicajs/components";
+import {
+  SidebarInset,
+  SidebarProvider,
+  SidebarTrigger
+} from "@silicajs/ui/components/sidebar";
+import { Callout } from "./callout.js";
+import { CodeBlock } from "./code-block.js";
+import { Embed } from "./embed.js";
+import { Mermaid } from "./mermaid.js";
+import { Sidebar } from "./sidebar.js";
+function DefaultProvider({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+const THEME_INIT_SCRIPT = String.raw`
+(function () {
+  try {
+    var storageKey = "silica-theme";
+    var root = document.documentElement;
+    var stored = window.localStorage.getItem(storageKey);
+    var theme =
+      stored === "dark" || stored === "light"
+        ? stored
+        : window.matchMedia("(prefers-color-scheme: dark)").matches
+          ? "dark"
+          : "light";
+
+    root.classList.remove("dark", "light");
+    root.classList.add(theme);
+  } catch (_) {}
+})();
+`;
+function Layout({
+  navigation,
+  config,
+  children,
+  Provider = DefaultProvider
+}) {
+  return /* @__PURE__ */ jsxs("html", { lang: "en", suppressHydrationWarning: true, children: [
+    /* @__PURE__ */ jsx("head", { children: /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: THEME_INIT_SCRIPT } }) }),
+    /* @__PURE__ */ jsx("body", { className: "min-h-svh bg-background font-sans text-foreground antialiased", children: /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsxs(SidebarProvider, { children: [
+      /* @__PURE__ */ jsx(Sidebar, { navigation, config }),
+      /* @__PURE__ */ jsxs(SidebarInset, { children: [
+        /* @__PURE__ */ jsxs("header", { className: "sticky top-0 z-10 flex h-12 shrink-0 items-center gap-2 border-b border-border bg-background px-3 md:hidden", children: [
+          /* @__PURE__ */ jsx(SidebarTrigger, {}),
+          /* @__PURE__ */ jsx(
+            SilicaLink,
+            {
+              href: "/",
+              className: "truncate text-sm font-semibold tracking-tight text-foreground",
+              children: config.title
+            }
+          )
+        ] }),
+        children
+      ] })
+    ] }) }) })
+  ] });
+}
+function PageRenderer({ page, graph, manifest }) {
+  const hasBreadcrumb = page.slug !== "index" && page.slug.includes("/");
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-6xl px-8 py-12 lg:grid lg:grid-cols-[minmax(0,1fr)_14rem] lg:gap-12", children: [
+    /* @__PURE__ */ jsxs("article", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsxs("header", { className: "mb-10 flex flex-col gap-3", children: [
+        hasBreadcrumb ? /* @__PURE__ */ jsx(
+          Breadcrumbs,
+          {
+            slug: page.slug,
+            allSlugs: manifest.allSlugs,
+            className: "text-xs"
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight text-foreground", children: page.title }),
+        page.description ? /* @__PURE__ */ jsx("p", { className: "text-lg leading-relaxed text-muted-foreground", children: page.description }) : null,
+        /* @__PURE__ */ jsx(PageProperties, { frontmatter: page.frontmatter }),
+        page.entry.tags.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: page.entry.tags.map((tag) => /* @__PURE__ */ jsxs(
+          SilicaLink,
+          {
+            href: tagToHref(tag),
+            className: "inline-flex h-6 items-center rounded-full border border-border px-2 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/70", children: "#" }),
+              /* @__PURE__ */ jsx("span", { className: "ml-0.5", children: tag })
+            ]
+          },
+          tag
+        )) }) : null
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "prose max-w-none", children: page.content }),
+      /* @__PURE__ */ jsx("div", { className: "mt-16", children: /* @__PURE__ */ jsx(Backlinks, { graph, slug: page.slug, manifest }) })
+    ] }),
+    /* @__PURE__ */ jsx("aside", { className: "mt-12 hidden lg:sticky lg:top-12 lg:mt-0 lg:block lg:self-start", children: /* @__PURE__ */ jsx(TableOfContents, { toc: page.toc }) })
+  ] });
+}
+const components = {
+  "silica-callout": Callout,
+  "silica-code-block": CodeBlock,
+  "silica-embed": Embed,
+  "silica-mermaid": Mermaid
+};
+var index_default = { Layout, PageRenderer, components };
+export {
+  Layout,
+  PageRenderer,
+  components,
+  index_default as default
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { tagToHref } from \"@silicajs/core/runtime\";\nimport type { ThemeLayoutProps, ThemePageProps } from \"@silicajs/core/theme\";\nimport {\n  Backlinks,\n  Breadcrumbs,\n  PageProperties,\n  SilicaLink,\n  TableOfContents,\n} from \"@silicajs/components\";\nimport {\n  SidebarInset,\n  SidebarProvider,\n  SidebarTrigger,\n} from \"@silicajs/ui/components/sidebar\";\n\nimport { Callout } from \"./callout.js\";\nimport { CodeBlock } from \"./code-block.js\";\nimport { Embed } from \"./embed.js\";\nimport { Mermaid } from \"./mermaid.js\";\nimport { Sidebar } from \"./sidebar.js\";\n\nfunction DefaultProvider({ children }: { children: ReactNode }) {\n  return <>{children}</>;\n}\n\nconst THEME_INIT_SCRIPT = String.raw`\n(function () {\n  try {\n    var storageKey = \"silica-theme\";\n    var root = document.documentElement;\n    var stored = window.localStorage.getItem(storageKey);\n    var theme =\n      stored === \"dark\" || stored === \"light\"\n        ? stored\n        : window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n          ? \"dark\"\n          : \"light\";\n\n    root.classList.remove(\"dark\", \"light\");\n    root.classList.add(theme);\n  } catch (_) {}\n})();\n`;\n\nexport function Layout({\n  navigation,\n  config,\n  children,\n  Provider = DefaultProvider,\n}: ThemeLayoutProps) {\n  return (\n    <html lang=\"en\" suppressHydrationWarning>\n      <head>\n        <script dangerouslySetInnerHTML={{ __html: THEME_INIT_SCRIPT }} />\n      </head>\n      <body className=\"min-h-svh bg-background font-sans text-foreground antialiased\">\n        <Provider>\n          <SidebarProvider>\n            <Sidebar navigation={navigation} config={config} />\n            <SidebarInset>\n              <header className=\"sticky top-0 z-10 flex h-12 shrink-0 items-center gap-2 border-b border-border bg-background px-3 md:hidden\">\n                <SidebarTrigger />\n                <SilicaLink\n                  href=\"/\"\n                  className=\"truncate text-sm font-semibold tracking-tight text-foreground\"\n                >\n                  {config.title}\n                </SilicaLink>\n              </header>\n              {children}\n            </SidebarInset>\n          </SidebarProvider>\n        </Provider>\n      </body>\n    </html>\n  );\n}\n\nexport function PageRenderer({ page, graph, manifest }: ThemePageProps) {\n  const hasBreadcrumb = page.slug !== \"index\" && page.slug.includes(\"/\");\n  return (\n    <div className=\"mx-auto w-full max-w-6xl px-8 py-12 lg:grid lg:grid-cols-[minmax(0,1fr)_14rem] lg:gap-12\">\n      <article className=\"min-w-0\">\n        <header className=\"mb-10 flex flex-col gap-3\">\n          {hasBreadcrumb ? (\n            <Breadcrumbs\n              slug={page.slug}\n              allSlugs={manifest.allSlugs}\n              className=\"text-xs\"\n            />\n          ) : null}\n          <h1 className=\"text-4xl font-bold tracking-tight text-foreground\">\n            {page.title}\n          </h1>\n          {page.description ? (\n            <p className=\"text-lg leading-relaxed text-muted-foreground\">\n              {page.description}\n            </p>\n          ) : null}\n          <PageProperties frontmatter={page.frontmatter} />\n          {page.entry.tags.length > 0 ? (\n            <div className=\"flex flex-wrap gap-2 pt-1\">\n              {page.entry.tags.map((tag) => (\n                <SilicaLink\n                  key={tag}\n                  href={tagToHref(tag)}\n                  className=\"inline-flex h-6 items-center rounded-full border border-border px-2 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <span className=\"text-muted-foreground/70\">#</span>\n                  <span className=\"ml-0.5\">{tag}</span>\n                </SilicaLink>\n              ))}\n            </div>\n          ) : null}\n        </header>\n        <div className=\"prose max-w-none\">{page.content}</div>\n        <div className=\"mt-16\">\n          <Backlinks graph={graph} slug={page.slug} manifest={manifest} />\n        </div>\n      </article>\n      <aside className=\"mt-12 hidden lg:sticky lg:top-12 lg:mt-0 lg:block lg:self-start\">\n        <TableOfContents toc={page.toc} />\n      </aside>\n    </div>\n  );\n}\n\nexport const components = {\n  \"silica-callout\": Callout,\n  \"silica-code-block\": CodeBlock,\n  \"silica-embed\": Embed,\n  \"silica-mermaid\": Mermaid,\n};\n\nexport default { Layout, PageRenderer, components };\n"],"mappings":"AAuBS,wBAsCK,YAtCL;AAtBT,SAAS,iBAAiB;AAE1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,eAAe;AACxB,SAAS,eAAe;AAExB,SAAS,gBAAgB,EAAE,SAAS,GAA4B;AAC9D,SAAO,gCAAG,UAAS;AACrB;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmB1B,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAqB;AACnB,SACE,qBAAC,UAAK,MAAK,MAAK,0BAAwB,MACtC;AAAA,wBAAC,UACC,8BAAC,YAAO,yBAAyB,EAAE,QAAQ,kBAAkB,GAAG,GAClE;AAAA,IACA,oBAAC,UAAK,WAAU,iEACd,8BAAC,YACC,+BAAC,mBACC;AAAA,0BAAC,WAAQ,YAAwB,QAAgB;AAAA,MACjD,qBAAC,gBACC;AAAA,6BAAC,YAAO,WAAU,+GAChB;AAAA,8BAAC,kBAAe;AAAA,UAChB;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cAET,iBAAO;AAAA;AAAA,UACV;AAAA,WACF;AAAA,QACC;AAAA,SACH;AAAA,OACF,GACF,GACF;AAAA,KACF;AAEJ;AAEO,SAAS,aAAa,EAAE,MAAM,OAAO,SAAS,GAAmB;AACtE,QAAM,gBAAgB,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,GAAG;AACrE,SACE,qBAAC,SAAI,WAAU,4FACb;AAAA,yBAAC,aAAQ,WAAU,WACjB;AAAA,2BAAC,YAAO,WAAU,6BACf;AAAA,wBACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,KAAK;AAAA,YACX,UAAU,SAAS;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ,IACE;AAAA,QACJ,oBAAC,QAAG,WAAU,qDACX,eAAK,OACR;AAAA,QACC,KAAK,cACJ,oBAAC,OAAE,WAAU,iDACV,eAAK,aACR,IACE;AAAA,QACJ,oBAAC,kBAAe,aAAa,KAAK,aAAa;AAAA,QAC9C,KAAK,MAAM,KAAK,SAAS,IACxB,oBAAC,SAAI,WAAU,6BACZ,eAAK,MAAM,KAAK,IAAI,CAAC,QACpB;AAAA,UAAC;AAAA;AAAA,YAEC,MAAM,UAAU,GAAG;AAAA,YACnB,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAK,WAAU,4BAA2B,eAAC;AAAA,cAC5C,oBAAC,UAAK,WAAU,UAAU,eAAI;AAAA;AAAA;AAAA,UALzB;AAAA,QAMP,CACD,GACH,IACE;AAAA,SACN;AAAA,MACA,oBAAC,SAAI,WAAU,oBAAoB,eAAK,SAAQ;AAAA,MAChD,oBAAC,SAAI,WAAU,SACb,8BAAC,aAAU,OAAc,MAAM,KAAK,MAAM,UAAoB,GAChE;AAAA,OACF;AAAA,IACA,oBAAC,WAAM,WAAU,mEACf,8BAAC,mBAAgB,KAAK,KAAK,KAAK,GAClC;AAAA,KACF;AAEJ;AAEO,MAAM,aAAa;AAAA,EACxB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,kBAAkB;AACpB;AAEA,IAAO,gBAAQ,EAAE,QAAQ,cAAc,WAAW;","names":[]}

package/dist/mermaid.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+type MermaidProps = HTMLAttributes<HTMLElement> & {
+    "data-source"?: string;
+};
+declare function Mermaid({ children, className, "data-source": source, ...props }: MermaidProps): react_jsx_runtime.JSX.Element;
+
+export { Mermaid, type MermaidProps };

package/dist/mermaid.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@silicajs/ui/lib/utils";
+function Mermaid({
+  children,
+  className,
+  "data-source": source,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "figure",
+    {
+      ...props,
+      "data-slot": "mermaid",
+      "data-source": source,
+      className: cn(
+        "my-6 overflow-hidden rounded-lg border bg-muted/30",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("pre", { className: "m-0 overflow-x-auto p-4 text-sm", children: source || children })
+    }
+  );
+}
+export {
+  Mermaid
+};
+//# sourceMappingURL=mermaid.js.map

package/dist/mermaid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/mermaid.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@silicajs/ui/lib/utils\";\n\nexport type MermaidProps = HTMLAttributes<HTMLElement> & {\n  \"data-source\"?: string;\n};\n\nexport function Mermaid({\n  children,\n  className,\n  \"data-source\": source,\n  ...props\n}: MermaidProps) {\n  return (\n    <figure\n      {...props}\n      data-slot=\"mermaid\"\n      data-source={source}\n      className={cn(\n        \"my-6 overflow-hidden rounded-lg border bg-muted/30\",\n        className,\n      )}\n    >\n      <pre className=\"m-0 overflow-x-auto p-4 text-sm\">\n        {source || children}\n      </pre>\n    </figure>\n  );\n}\n"],"mappings":"AAuBM;AAtBN,SAAS,UAAU;AAMZ,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,GAAG;AACL,GAAiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAU;AAAA,MACV,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA,8BAAC,SAAI,WAAU,mCACZ,oBAAU,UACb;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/sidebar.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemeNavigationEntry, ThemeLayoutConfig } from '@silicajs/core/theme';
+
+type SidebarProps = {
+    navigation: {
+        entries: ThemeNavigationEntry[];
+    };
+    config: ThemeLayoutConfig;
+};
+declare function Sidebar({ navigation, config }: SidebarProps): react_jsx_runtime.JSX.Element;
+
+export { Sidebar, type SidebarProps };

package/dist/sidebar.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense } from "react";
+import {
+  DarkModeToggle,
+  SearchTrigger,
+  SilicaLink,
+  UserMenu,
+  VaultTree
+} from "@silicajs/components";
+import {
+  Sidebar as ShadcnSidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarHeader,
+  SidebarRail
+} from "@silicajs/ui/components/sidebar";
+function Sidebar({ navigation, config }) {
+  return /* @__PURE__ */ jsxs(ShadcnSidebar, { children: [
+    /* @__PURE__ */ jsxs(SidebarHeader, { className: "gap-3 border-b border-sidebar-border", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-1 pt-1", children: [
+        /* @__PURE__ */ jsx(
+          SilicaLink,
+          {
+            href: "/",
+            className: "truncate text-sm font-semibold tracking-tight text-foreground",
+            children: config.title
+          }
+        ),
+        /* @__PURE__ */ jsx(DarkModeToggle, {})
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "px-1 pb-1", children: /* @__PURE__ */ jsx(SearchTrigger, { className: "w-full justify-start" }) })
+    ] }),
+    /* @__PURE__ */ jsx(SidebarContent, { children: /* @__PURE__ */ jsx(SidebarGroup, { children: /* @__PURE__ */ jsx(SidebarGroupContent, { children: /* @__PURE__ */ jsx(VaultTree, { entries: navigation.entries }) }) }) }),
+    config.authEnabled ? /* @__PURE__ */ jsx(SidebarFooter, { className: "border-t border-sidebar-border", children: /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(UserMenu, {}) }) }) : null,
+    /* @__PURE__ */ jsx(SidebarRail, {})
+  ] });
+}
+export {
+  Sidebar
+};
+//# sourceMappingURL=sidebar.js.map

package/dist/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Suspense } from \"react\";\nimport type {\n  ThemeLayoutConfig,\n  ThemeNavigationEntry,\n} from \"@silicajs/core/theme\";\nimport {\n  DarkModeToggle,\n  SearchTrigger,\n  SilicaLink,\n  UserMenu,\n  VaultTree,\n} from \"@silicajs/components\";\nimport {\n  Sidebar as ShadcnSidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupContent,\n  SidebarHeader,\n  SidebarRail,\n} from \"@silicajs/ui/components/sidebar\";\n\nexport type SidebarProps = {\n  navigation: {\n    entries: ThemeNavigationEntry[];\n  };\n  config: ThemeLayoutConfig;\n};\n\nexport function Sidebar({ navigation, config }: SidebarProps) {\n  return (\n    <ShadcnSidebar>\n      <SidebarHeader className=\"gap-3 border-b border-sidebar-border\">\n        <div className=\"flex items-center justify-between gap-2 px-1 pt-1\">\n          <SilicaLink\n            href=\"/\"\n            className=\"truncate text-sm font-semibold tracking-tight text-foreground\"\n          >\n            {config.title}\n          </SilicaLink>\n          <DarkModeToggle />\n        </div>\n        <div className=\"px-1 pb-1\">\n          <SearchTrigger className=\"w-full justify-start\" />\n        </div>\n      </SidebarHeader>\n      <SidebarContent>\n        <SidebarGroup>\n          <SidebarGroupContent>\n            <VaultTree entries={navigation.entries} />\n          </SidebarGroupContent>\n        </SidebarGroup>\n      </SidebarContent>\n      {config.authEnabled ? (\n        <SidebarFooter className=\"border-t border-sidebar-border\">\n          <Suspense fallback={null}>\n            <UserMenu />\n          </Suspense>\n        </SidebarFooter>\n      ) : null}\n      <SidebarRail />\n    </ShadcnSidebar>\n  );\n}\n"],"mappings":";AAmCQ,SACE,KADF;AAjCR,SAAS,gBAAgB;AAKzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASA,SAAS,QAAQ,EAAE,YAAY,OAAO,GAAiB;AAC5D,SACE,qBAAC,iBACC;AAAA,yBAAC,iBAAc,WAAU,wCACvB;AAAA,2BAAC,SAAI,WAAU,qDACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YAET,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,oBAAC,kBAAe;AAAA,SAClB;AAAA,MACA,oBAAC,SAAI,WAAU,aACb,8BAAC,iBAAc,WAAU,wBAAuB,GAClD;AAAA,OACF;AAAA,IACA,oBAAC,kBACC,8BAAC,gBACC,8BAAC,uBACC,8BAAC,aAAU,SAAS,WAAW,SAAS,GAC1C,GACF,GACF;AAAA,IACC,OAAO,cACN,oBAAC,iBAAc,WAAU,kCACvB,8BAAC,YAAS,UAAU,MAClB,8BAAC,YAAS,GACZ,GACF,IACE;AAAA,IACJ,oBAAC,eAAY;AAAA,KACf;AAEJ;","names":[]}

package/dist/styles.css

@@ -0,0 +1,118 @@
+@import "@silicajs/ui/globals.css";
+@plugin "@tailwindcss/typography";
+
+@source "../../ui/src/**/*.{ts,tsx}";
+@source "../../components/src/**/*.{ts,tsx}";
+@source "../src/**/*.{ts,tsx}";
+
+/*
+ * Every neutral/foreground token we override must be declared in BOTH :root
+ * and .dark. Because the imported base globals.css declares its .dark { ... }
+ * BEFORE our :root { ... } in the compiled output, any :root override we leave
+ * out of .dark would leak its light value into <html class="dark"> via the
+ * tied-specificity, last-source-wins cascade rule.
+ */
+
+:root {
+  --radius: 0.75rem;
+
+  /* Amethyst accents */
+  --primary: oklch(0.55 0.22 295);
+  --primary-foreground: oklch(0.99 0 0);
+  --ring: oklch(0.55 0.22 295 / 0.5);
+  --accent: oklch(0.96 0.04 295);
+  --accent-foreground: oklch(0.25 0.1 295);
+  --sidebar-primary: oklch(0.55 0.22 295);
+  --sidebar-primary-foreground: oklch(0.99 0 0);
+  --sidebar-accent: oklch(0.96 0.04 295);
+  --sidebar-accent-foreground: oklch(0.25 0.1 295);
+  --sidebar-ring: oklch(0.55 0.22 295 / 0.5);
+
+  /* Violet-tinted neutrals (shadcn "mauve" structure, hue shifted to 295). */
+  --foreground: oklch(0.145 0.008 295);
+  --card-foreground: oklch(0.145 0.008 295);
+  --popover-foreground: oklch(0.145 0.008 295);
+  --secondary: oklch(0.96 0.003 295);
+  --secondary-foreground: oklch(0.212 0.019 295);
+  --muted: oklch(0.96 0.003 295);
+  --muted-foreground: oklch(0.542 0.034 295);
+  --border: oklch(0.922 0.005 295);
+  --input: oklch(0.922 0.005 295);
+  --sidebar: var(--background);
+  --sidebar-foreground: oklch(0.145 0.008 295);
+  --sidebar-border: oklch(0.922 0.005 295);
+}
+
+.dark {
+  /* Amethyst accents */
+  --primary: oklch(0.72 0.18 295);
+  --primary-foreground: oklch(0.12 0.02 295);
+  --ring: oklch(0.72 0.18 295 / 0.4);
+  --accent: oklch(0.2 0.06 295);
+  --accent-foreground: oklch(0.96 0.04 295);
+  --sidebar-primary: oklch(0.72 0.18 295);
+  --sidebar-primary-foreground: oklch(0.12 0.02 295);
+  --sidebar-accent: oklch(0.2 0.06 295);
+  --sidebar-accent-foreground: oklch(0.96 0.04 295);
+  --sidebar-ring: oklch(0.72 0.18 295 / 0.4);
+
+  /* Violet-tinted neutrals — defensively re-declares every token our :root
+     touches so the base .dark values don't get overridden by our :root via
+     last-source-wins cascade. Foregrounds stay pure white; chroma in dark
+     mode is invisible above ~0.97 lightness anyway. */
+  --background: oklch(0.145 0.008 295);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.212 0.019 295);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.212 0.019 295);
+  --popover-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.263 0.024 295);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.263 0.024 295);
+  --muted-foreground: oklch(0.711 0.019 295);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --sidebar: var(--background);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+}
+
+/*
+ * Map @tailwindcss/typography's prose tokens onto our theme tokens.
+ * NOT wrapped in @layer — the typography plugin emits its defaults
+ * unlayered, which would beat any @layer components override.
+ */
+.prose {
+  --tw-prose-body: var(--foreground);
+  --tw-prose-headings: var(--foreground);
+  --tw-prose-lead: var(--muted-foreground);
+  --tw-prose-links: var(--primary);
+  --tw-prose-bold: var(--foreground);
+  --tw-prose-counters: var(--muted-foreground);
+  --tw-prose-bullets: var(--muted-foreground);
+  --tw-prose-hr: var(--border);
+  --tw-prose-quotes: var(--muted-foreground);
+  --tw-prose-quote-borders: var(--border);
+  --tw-prose-captions: var(--muted-foreground);
+  --tw-prose-code: var(--foreground);
+  --tw-prose-pre-code: var(--foreground);
+  --tw-prose-pre-bg: var(--muted);
+  --tw-prose-th-borders: var(--border);
+  --tw-prose-td-borders: var(--border);
+  --tw-prose-invert-body: var(--foreground);
+  --tw-prose-invert-headings: var(--foreground);
+  --tw-prose-invert-lead: var(--muted-foreground);
+  --tw-prose-invert-links: var(--primary);
+  --tw-prose-invert-bold: var(--foreground);
+  --tw-prose-invert-counters: var(--muted-foreground);
+  --tw-prose-invert-bullets: var(--muted-foreground);
+  --tw-prose-invert-hr: var(--border);
+  --tw-prose-invert-quotes: var(--muted-foreground);
+  --tw-prose-invert-quote-borders: var(--border);
+  --tw-prose-invert-captions: var(--muted-foreground);
+  --tw-prose-invert-code: var(--foreground);
+  --tw-prose-invert-pre-code: var(--foreground);
+  --tw-prose-invert-pre-bg: var(--muted);
+  --tw-prose-invert-th-borders: var(--border);
+  --tw-prose-invert-td-borders: var(--border);
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@silicajs/theme-amethyst",
+  "version": "0.1.0",
+  "description": "Amethyst theme for Silica — Tailwind v4 + Base UI, violet accent, Mintlify-style layout.",
+  "type": "module",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "lint": "tsc --noEmit",
+    "test": "vitest run --passWithNoTests"
+  },
+  "dependencies": {
+    "@silicajs/components": "^0.1.0",
+    "@silicajs/core": "^0.1.0",
+    "@silicajs/ui": "^0.1.0",
+    "@tailwindcss/typography": "^0.5.18",
+    "class-variance-authority": "^0.7.1",
+    "lucide-react": "^1.16.0"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "tsup": "^8.5.1"
+  }
+}