@cbnventures/docusaurus-preset-nova 0.29.0 → 0.30.1

package/build/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cbnventures/docusaurus-preset-nova",
-    "version": "0.29.0",
+    "version": "0.30.1",
     "description": "Scripts, templates, and project configuration for the common JavaScript and TypeScript developer",
     "keywords": [
         "eslint",
@@ -71,10 +71,10 @@
     "private": false,
     "scripts": {
         "dev": "node ../../scripts/nova-run-scripts.mjs --parallel --node-env development 'dev:*'",
-        "dev:watch-plugin": "tsc --project tsconfig.plugin.json --watch",
+        "dev:watch-plugin": "node ../../scripts/nova-transpile.mjs --project tsconfig.plugin.json --watch",
         "dev:watch-styles": "node ../../scripts/copy-styles.mjs --watch",
-        "dev:watch-theme": "tsc --project tsconfig.theme.json --watch",
-        "dev:watch-cli": "tsc --project tsconfig.cli.json --watch",
+        "dev:watch-theme": "node ../../scripts/nova-transpile.mjs --project tsconfig.theme.json --watch",
+        "dev:watch-cli": "node ../../scripts/nova-transpile.mjs --project tsconfig.cli.json --watch",
         "dev:fix-shiki-import": "node ../../scripts/fix-shiki-import.mjs --watch",
         "check": "node ../../scripts/nova-run-scripts.mjs --sequential 'check:*'",
         "check:lint": "eslint ./ --max-warnings=0",
@@ -85,10 +85,10 @@
         "check:types-config": "node ../../scripts/nova-type-check.mjs --project tsconfig.config.json",
         "check:test": "vitest run",
         "build": "node ../../scripts/nova-run-scripts.mjs --sequential --node-env production 'build:*'",
-        "build:transpile-theme": "tsc --project tsconfig.theme.json --outDir ./build --skipLibCheck",
-        "build:transpile-plugin": "tsc --project tsconfig.plugin.json --outDir ./build --skipLibCheck",
-        "build:transpile-worker": "tsc --project tsconfig.worker.json --outDir ./build --skipLibCheck",
-        "build:transpile-cli": "tsc --project tsconfig.cli.json --outDir ./build --skipLibCheck",
+        "build:transpile-theme": "node ../../scripts/nova-transpile.mjs --project tsconfig.theme.json",
+        "build:transpile-plugin": "node ../../scripts/nova-transpile.mjs --project tsconfig.plugin.json",
+        "build:transpile-worker": "node ../../scripts/nova-transpile.mjs --project tsconfig.worker.json",
+        "build:transpile-cli": "node ../../scripts/nova-transpile.mjs --project tsconfig.cli.json",
         "build:copy-types": "shx rm -rf \"./build/src/types\" && shx cp -r \"./src/types\" \"./build/src/types\"",
         "build:fix-shiki-import": "node ../../scripts/fix-shiki-import.mjs",
         "build:copy-styles": "node ../../scripts/copy-styles.mjs",
@@ -100,7 +100,7 @@
         "node": "^22 || ^24"
     },
     "dependencies": {
-        "@cbnventures/nova": "0.29.0",
+        "@cbnventures/nova": "0.30.1",
         "@codesandbox/sandpack-react": "2.20.0",
         "@docusaurus/plugin-content-blog": "3.10.2",
         "@docusaurus/plugin-content-docs": "3.10.2",

package/build/src/lib/mermaid-viewport.d.ts

@@ -0,0 +1,8 @@
+import type { Lib_MermaidViewport_ClampScale_Returns, Lib_MermaidViewport_ClampScale_Value, Lib_MermaidViewport_MaxScale, Lib_MermaidViewport_MinScale, Lib_MermaidViewport_PanStep, Lib_MermaidViewport_ResolvePan_Current, Lib_MermaidViewport_ResolvePan_Returns, Lib_MermaidViewport_ResolvePan_Start, Lib_MermaidViewport_ResolvePan_StartPosition, Lib_MermaidViewport_ScaleStep } from '../types/lib/mermaid-viewport.d.ts';
+export declare const MERMAID_MIN_SCALE: Lib_MermaidViewport_MinScale;
+export declare const MERMAID_MAX_SCALE: Lib_MermaidViewport_MaxScale;
+export declare const MERMAID_SCALE_STEP: Lib_MermaidViewport_ScaleStep;
+export declare const MERMAID_PAN_STEP: Lib_MermaidViewport_PanStep;
+export declare function clampScale(value: Lib_MermaidViewport_ClampScale_Value): Lib_MermaidViewport_ClampScale_Returns;
+export declare function resolvePan(startPosition: Lib_MermaidViewport_ResolvePan_StartPosition, start: Lib_MermaidViewport_ResolvePan_Start, current: Lib_MermaidViewport_ResolvePan_Current): Lib_MermaidViewport_ResolvePan_Returns;
+//# sourceMappingURL=mermaid-viewport.d.ts.map

package/build/src/lib/mermaid-viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-viewport.d.ts","sourceRoot":"","sources":["../../../src/lib/mermaid-viewport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sCAAsC,EACtC,oCAAoC,EACpC,4BAA4B,EAC5B,4BAA4B,EAC5B,2BAA2B,EAC3B,sCAAsC,EACtC,sCAAsC,EACtC,oCAAoC,EACpC,4CAA4C,EAC5C,6BAA6B,EAC9B,MAAM,oCAAoC,CAAC;AAU5C,eAAO,MAAM,iBAAiB,EAAE,4BAAkC,CAAC;AAUnE,eAAO,MAAM,iBAAiB,EAAE,4BAAgC,CAAC;AAUjE,eAAO,MAAM,kBAAkB,EAAE,6BAAoC,CAAC;AAUtE,eAAO,MAAM,gBAAgB,EAAE,2BAAgC,CAAC;AAchE,wBAAgB,UAAU,CAAC,KAAK,EAAE,oCAAoC,GAAG,sCAAsC,CAE9G;AAgBD,wBAAgB,UAAU,CAAC,aAAa,EAAE,4CAA4C,EAAE,KAAK,EAAE,oCAAoC,EAAE,OAAO,EAAE,sCAAsC,GAAG,sCAAsC,CAK5N"}

package/build/src/lib/mermaid-viewport.js

@@ -0,0 +1,14 @@
+export const MERMAID_MIN_SCALE = 0.5;
+export const MERMAID_MAX_SCALE = 3;
+export const MERMAID_SCALE_STEP = 0.25;
+export const MERMAID_PAN_STEP = 32;
+export function clampScale(value) {
+    return Math.min(MERMAID_MAX_SCALE, Math.max(MERMAID_MIN_SCALE, value));
+}
+export function resolvePan(startPosition, start, current) {
+    return {
+        x: startPosition['x'] + current['x'] - start['x'],
+        y: startPosition['y'] + current['y'] - start['y'],
+    };
+}
+//# sourceMappingURL=mermaid-viewport.js.map

package/build/src/lib/mermaid-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-viewport.js","sourceRoot":"","sources":["../../../src/lib/mermaid-viewport.ts"],"names":[],"mappings":"AAqBA,MAAM,CAAC,MAAM,iBAAiB,GAAiC,GAAG,CAAC;AAUnE,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,CAAC;AAUjE,MAAM,CAAC,MAAM,kBAAkB,GAAkC,IAAI,CAAC;AAUtE,MAAM,CAAC,MAAM,gBAAgB,GAAgC,EAAE,CAAC;AAchE,MAAM,UAAU,UAAU,CAAC,KAA2C;IACpE,OAAO,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC,CAAC;AACzE,CAAC;AAgBD,MAAM,UAAU,UAAU,CAAC,aAA2D,EAAE,KAA2C,EAAE,OAA+C;IAClL,OAAO;QACL,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;QACjD,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC;KAClD,CAAC;AACJ,CAAC"}

package/build/src/plugins/icons/base-set.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-set.d.ts","sourceRoot":"","sources":["../../../../src/plugins/icons/base-set.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yCAAyC,CAAC;AAWjG,eAAO,MAAM,WAAW,EAAE,iCA+CzB,CAAC"}
+{"version":3,"file":"base-set.d.ts","sourceRoot":"","sources":["../../../../src/plugins/icons/base-set.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,yCAAyC,CAAC;AAWjG,eAAO,MAAM,WAAW,EAAE,iCAiDzB,CAAC"}

package/build/src/plugins/icons/base-set.js

@@ -29,6 +29,8 @@ export const iconBaseSet = [
     'lucide:sun',
     'lucide:triangle-alert',
     'lucide:x',
+    'lucide:zoom-in',
+    'lucide:zoom-out',
     'ri:apple-fill',
     'ri:bluesky-fill',
     'ri:facebook-fill',

package/build/src/plugins/icons/base-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-set.js","sourceRoot":"","sources":["../../../../src/plugins/icons/base-set.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,WAAW,GAAsC;IAC5D,qBAAqB;IACrB,mBAAmB;IACnB,oBAAoB;IACpB,iBAAiB;IACjB,cAAc;IACd,qBAAqB;IACrB,sBAAsB;IACtB,aAAa;IACb,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,cAAc;IACd,aAAa;IACb,kBAAkB;IAClB,aAAa;IACb,aAAa;IACb,kBAAkB;IAClB,eAAe;IACf,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,sBAAsB;IACtB,eAAe;IACf,YAAY;IACZ,iBAAiB;IACjB,YAAY;IACZ,uBAAuB;IACvB,UAAU;IACV,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,wBAAwB;IACxB,iBAAiB;IACjB,gBAAgB;IAChB,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;CAClB,CAAC"}
+{"version":3,"file":"base-set.js","sourceRoot":"","sources":["../../../../src/plugins/icons/base-set.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,MAAM,WAAW,GAAsC;IAC5D,qBAAqB;IACrB,mBAAmB;IACnB,oBAAoB;IACpB,iBAAiB;IACjB,cAAc;IACd,qBAAqB;IACrB,sBAAsB;IACtB,aAAa;IACb,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,cAAc;IACd,aAAa;IACb,kBAAkB;IAClB,aAAa;IACb,aAAa;IACb,kBAAkB;IAClB,eAAe;IACf,aAAa;IACb,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,sBAAsB;IACtB,eAAe;IACf,YAAY;IACZ,iBAAiB;IACjB,YAAY;IACZ,uBAAuB;IACvB,UAAU;IACV,gBAAgB;IAChB,iBAAiB;IACjB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,gBAAgB;IAChB,mBAAmB;IACnB,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,wBAAwB;IACxB,iBAAiB;IACjB,gBAAgB;IAChB,iBAAiB;IACjB,mBAAmB;IACnB,iBAAiB;CAClB,CAAC"}

package/build/src/styles/theme/Mermaid/style.css

@@ -1,9 +1,84 @@
 .nova-mermaid-container {
-  overflow-x: auto;
   margin-block: 1.5rem;
 }
 
-.nova-mermaid-container > svg {
+.nova-mermaid-controls {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.25rem;
+  margin-block-end: 0.5rem;
+}
+
+.nova-mermaid-control {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 2rem;
+  height: 2rem;
+  padding: 0 0.5rem;
+  color: var(--nova-color-text);
+  background: var(--nova-color-surface-raised);
+  border: 1px solid var(--nova-color-border);
+  border-radius: var(--ifm-button-border-radius);
+  font: inherit;
+  font-size: 0.75rem;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.nova-mermaid-control:hover:not(:disabled) {
+  color: var(--nova-color-primary-600);
+  border-color: var(--nova-color-primary-500);
+}
+
+[data-theme="dark"] .nova-mermaid-control:hover:not(:disabled) {
+  color: var(--nova-color-primary-400);
+}
+
+.nova-mermaid-control:focus-visible,
+.nova-mermaid-viewport:focus-visible {
+  outline: 2px solid var(--nova-color-primary-500);
+  outline-offset: 2px;
+}
+
+.nova-mermaid-control:disabled {
+  opacity: 0.45;
+  cursor: not-allowed;
+}
+
+.nova-mermaid-scale {
+  min-width: 3.75rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.nova-mermaid-viewport {
+  overflow: hidden;
+  padding: 0.25rem;
+  border-radius: var(--ifm-global-radius);
+  touch-action: pan-y;
+}
+
+.nova-mermaid-viewport--interactive {
+  cursor: grab;
+  touch-action: none;
+}
+
+.nova-mermaid-viewport--dragging {
+  cursor: grabbing;
+  user-select: none;
+}
+
+.nova-mermaid-stage {
+  transform-origin: center;
+  transition: transform 160ms ease;
+  will-change: transform;
+}
+
+.nova-mermaid-viewport--dragging .nova-mermaid-stage {
+  transition: none;
+}
+
+.nova-mermaid-stage > svg {
   display: block;
   margin-inline: auto;
   max-width: 100%;
@@ -26,6 +101,12 @@
   direction: ltr;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .nova-mermaid-stage {
+    transition: none;
+  }
+}
+
 /*
  * Mermaid bakes themeVariables.lineColor into the SVG marker (arrowhead)
  * paths and only the edgePath line is overridden by per-preset themeCSS.

package/build/src/tests/lib/mermaid-viewport.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=mermaid-viewport.test.d.ts.map

package/build/src/tests/lib/mermaid-viewport.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-viewport.test.d.ts","sourceRoot":"","sources":["../../../../src/tests/lib/mermaid-viewport.test.ts"],"names":[],"mappings":""}

package/build/src/tests/lib/mermaid-viewport.test.js

@@ -0,0 +1,39 @@
+import { deepStrictEqual, strictEqual } from 'node:assert/strict';
+import { describe, it } from 'vitest';
+import { clampScale, MERMAID_MAX_SCALE, MERMAID_MIN_SCALE, resolvePan, } from '../../lib/mermaid-viewport.js';
+describe('clampScale', () => {
+    it('clamps requests to the supported zoom range', () => {
+        const belowMinimum = clampScale(0);
+        const withinRange = clampScale(1.75);
+        const aboveMaximum = clampScale(5);
+        strictEqual(belowMinimum, MERMAID_MIN_SCALE);
+        strictEqual(withinRange, 1.75);
+        strictEqual(aboveMaximum, MERMAID_MAX_SCALE);
+        return;
+    });
+    return;
+});
+describe('resolvePan', () => {
+    it('resolves pointer travel from the drag origin', () => {
+        const startPosition = {
+            x: 25,
+            y: -10,
+        };
+        const start = {
+            x: 100,
+            y: 80,
+        };
+        const current = {
+            x: 145,
+            y: 50,
+        };
+        const result = resolvePan(startPosition, start, current);
+        deepStrictEqual(result, {
+            x: 70,
+            y: -40,
+        });
+        return;
+    });
+    return;
+});
+//# sourceMappingURL=mermaid-viewport.test.js.map

package/build/src/tests/lib/mermaid-viewport.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid-viewport.test.js","sourceRoot":"","sources":["../../../../src/tests/lib/mermaid-viewport.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,GACX,MAAM,+BAA+B,CAAC;AAiBvC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,YAAY,GAA4F,UAAU,CAAC,CAAC,CAAC,CAAC;QAC5H,MAAM,WAAW,GAA2F,UAAU,CAAC,IAAI,CAAC,CAAC;QAC7H,MAAM,YAAY,GAA4F,UAAU,CAAC,CAAC,CAAC,CAAC;QAE5H,WAAW,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QAC7C,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QAC/B,WAAW,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;QAE7C,OAAO;IACT,CAAC,CAAC,CAAC;IAEH,OAAO;AACT,CAAC,CAAC,CAAC;AAOH,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,aAAa,GAA8F;YAC/G,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,CAAC,EAAE;SACP,CAAC;QACF,MAAM,KAAK,GAAsF;YAC/F,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,EAAE;SACN,CAAC;QACF,MAAM,OAAO,GAAwF;YACnG,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,EAAE;SACN,CAAC;QACF,MAAM,MAAM,GAAuF,UAAU,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;QAE7I,eAAe,CAAC,MAAM,EAAE;YACtB,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,CAAC,EAAE;SACP,CAAC,CAAC;QAEH,OAAO;IACT,CAAC,CAAC,CAAC;IAEH,OAAO;AACT,CAAC,CAAC,CAAC"}

package/build/src/theme/Mermaid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/Mermaid/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAEV,iCAAiC,EACjC,mCAAmC,EAMpC,MAAM,sCAAsC,CAAC;AAsD9C,iBAAS,OAAO,CAAC,KAAK,EAAE,iCAAiC,GAAG,mCAAmC,CAoB9F;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/Mermaid/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAEV,iCAAiC,EACjC,mCAAmC,EAuCpC,MAAM,sCAAsC,CAAC;AAyW9C,iBAAS,OAAO,CAAC,KAAK,EAAE,iCAAiC,GAAG,mCAAmC,CAoB9F;AAED,eAAe,OAAO,CAAC"}

package/build/src/theme/Mermaid/index.js

@@ -1,12 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ErrorBoundary from '@docusaurus/ErrorBoundary';
+import { translate } from '@docusaurus/Translate';
+import { Icon } from '@iconify/react/offline';
 import ErrorPageContent from '@theme/ErrorPageContent';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState, } from 'react';
+import { clampScale, MERMAID_MAX_SCALE, MERMAID_MIN_SCALE, MERMAID_PAN_STEP, MERMAID_SCALE_STEP, resolvePan, } from '../../lib/mermaid-viewport.js';
 import { MERMAID_CONTAINER_CLASS_NAME, useMermaidRenderResult, } from '../../lib/mermaid.js';
 import { useColorModeObserver } from '../../lib/use-color-mode-observer.js';
 function MermaidContent(props) {
     const renderResult = useMermaidRenderResult({ text: props['value'] });
     const containerRef = useRef(null);
+    const scaleState = useState(1);
+    const scale = scaleState[0];
+    const setScale = scaleState[1];
+    const positionState = useState({
+        x: 0,
+        y: 0,
+    });
+    const position = positionState[0];
+    const setPosition = positionState[1];
+    const isDraggingState = useState(false);
+    const isDragging = isDraggingState[0];
+    const setIsDragging = isDraggingState[1];
+    const dragRef = useRef(null);
     useEffect(() => {
         if (renderResult !== null
             && containerRef.current !== null
@@ -19,7 +35,152 @@ function MermaidContent(props) {
         return null;
     }
     const className = (props['className'] !== undefined) ? `${MERMAID_CONTAINER_CLASS_NAME} ${props['className']}` : MERMAID_CONTAINER_CLASS_NAME;
-    return (_jsx("div", { ref: containerRef, className: className, style: props['style'], dangerouslySetInnerHTML: { __html: renderResult['svg'] } }));
+    const canZoomIn = scale < MERMAID_MAX_SCALE;
+    const canZoomOut = scale > MERMAID_MIN_SCALE;
+    const isInteractive = scale > 1;
+    const scaleLabel = `${Math.round(scale * 100)}%`;
+    const zoomInLabel = translate({
+        id: 'theme.mermaid.zoomIn',
+        message: 'Zoom in diagram',
+        description: 'Accessible label for the Mermaid diagram zoom-in button',
+    });
+    const zoomOutLabel = translate({
+        id: 'theme.mermaid.zoomOut',
+        message: 'Zoom out diagram',
+        description: 'Accessible label for the Mermaid diagram zoom-out button',
+    });
+    const resetLabel = translate({
+        id: 'theme.mermaid.resetView',
+        message: 'Reset diagram view',
+        description: 'Accessible label for the Mermaid diagram reset button',
+    });
+    const viewportLabel = translate({
+        id: 'theme.mermaid.viewport',
+        message: 'Interactive diagram. Zoom in, then drag or use the arrow keys to pan.',
+        description: 'Accessible instructions for the interactive Mermaid diagram viewport',
+    });
+    const stageStyle = {
+        transform: `translate(${position['x']}px, ${position['y']}px) scale(${scale})`,
+    };
+    const viewportClassName = [
+        'nova-mermaid-viewport',
+        (isInteractive === true) ? 'nova-mermaid-viewport--interactive' : '',
+        (isDragging === true) ? 'nova-mermaid-viewport--dragging' : '',
+    ].filter((value) => value !== '').join(' ');
+    function zoomIn() {
+        const nextScale = clampScale(scale + MERMAID_SCALE_STEP);
+        setScale(nextScale);
+        return undefined;
+    }
+    function zoomOut() {
+        const nextScale = clampScale(scale - MERMAID_SCALE_STEP);
+        setScale(nextScale);
+        if (nextScale <= 1) {
+            setPosition({
+                x: 0,
+                y: 0,
+            });
+        }
+        return undefined;
+    }
+    function handlePointerDown(event) {
+        if (event['button'] !== 0 || isInteractive === false) {
+            return undefined;
+        }
+        if (event['target'] instanceof Element && event['target'].closest('a') !== null) {
+            return undefined;
+        }
+        dragRef.current = {
+            pointerId: event['pointerId'],
+            start: {
+                x: event['clientX'],
+                y: event['clientY'],
+            },
+            startPosition: position,
+        };
+        event['currentTarget'].setPointerCapture(event['pointerId']);
+        setIsDragging(true);
+        return undefined;
+    }
+    function handlePointerMove(event) {
+        if (dragRef.current === null || dragRef.current['pointerId'] !== event['pointerId']) {
+            return undefined;
+        }
+        setPosition(resolvePan(dragRef.current['startPosition'], dragRef.current['start'], {
+            x: event['clientX'],
+            y: event['clientY'],
+        }));
+        return undefined;
+    }
+    function handlePointerEnd(event) {
+        if (dragRef.current === null || dragRef.current['pointerId'] !== event['pointerId']) {
+            return undefined;
+        }
+        if (event['currentTarget'].hasPointerCapture(event['pointerId']) === true) {
+            event['currentTarget'].releasePointerCapture(event['pointerId']);
+        }
+        dragRef.current = null;
+        setIsDragging(false);
+        return undefined;
+    }
+    function handleKeyDown(event) {
+        if (isInteractive === false) {
+            return undefined;
+        }
+        let nextPosition = undefined;
+        switch (event['key']) {
+            case 'ArrowDown': {
+                nextPosition = {
+                    x: position['x'],
+                    y: position['y'] - MERMAID_PAN_STEP,
+                };
+                break;
+            }
+            case 'ArrowLeft': {
+                nextPosition = {
+                    x: position['x'] + MERMAID_PAN_STEP,
+                    y: position['y'],
+                };
+                break;
+            }
+            case 'ArrowRight': {
+                nextPosition = {
+                    x: position['x'] - MERMAID_PAN_STEP,
+                    y: position['y'],
+                };
+                break;
+            }
+            case 'ArrowUp': {
+                nextPosition = {
+                    x: position['x'],
+                    y: position['y'] + MERMAID_PAN_STEP,
+                };
+                break;
+            }
+            default: {
+                break;
+            }
+        }
+        if (nextPosition !== undefined) {
+            event.preventDefault();
+            setPosition(nextPosition);
+        }
+        return undefined;
+    }
+    return (_jsxs("div", { ref: containerRef, className: className, style: props['style'], children: [_jsxs("div", { className: "nova-mermaid-controls", role: "toolbar", "aria-label": translate({
+                    id: 'theme.mermaid.controls',
+                    message: 'Diagram controls',
+                    description: 'Accessible label for the Mermaid diagram control toolbar',
+                }), children: [_jsx("button", { className: "nova-mermaid-control", type: "button", disabled: canZoomOut === false, onClick: zoomOut, "aria-label": zoomOutLabel, title: zoomOutLabel, children: _jsx(Icon, { icon: "lucide:zoom-out", width: "16", height: "16", "aria-hidden": "true" }) }), _jsx("button", { className: "nova-mermaid-control nova-mermaid-scale", type: "button", disabled: (scale === 1
+                            && position['x'] === 0
+                            && position['y'] === 0), onClick: () => {
+                            setScale(1);
+                            setPosition({
+                                x: 0,
+                                y: 0,
+                            });
+                            return undefined;
+                        }, "aria-label": `${resetLabel}: ${scaleLabel}`, title: resetLabel, children: scaleLabel }), _jsx("button", { className: "nova-mermaid-control", type: "button", disabled: canZoomIn === false, onClick: zoomIn, "aria-label": zoomInLabel, title: zoomInLabel, children: _jsx(Icon, { icon: "lucide:zoom-in", width: "16", height: "16", "aria-hidden": "true" }) })] }), _jsx("div", { className: viewportClassName, role: "application", tabIndex: 0, "aria-label": viewportLabel, onKeyDown: handleKeyDown, onPointerCancel: handlePointerEnd, onPointerDown: handlePointerDown, onPointerMove: handlePointerMove, onPointerUp: handlePointerEnd, children: _jsx("div", { className: "nova-mermaid-stage", style: stageStyle, dangerouslySetInnerHTML: { __html: renderResult['svg'] } }) })] }));
 }
 function Mermaid(props) {
     const colorMode = useColorModeObserver();

package/build/src/theme/Mermaid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/Mermaid/index.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAuB5E,SAAS,cAAc,CAAC,KAA+C;IACrE,MAAM,YAAY,GAAoD,sBAAsB,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACvH,MAAM,YAAY,GAAoD,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1G,SAAS,CAAC,GAAG,EAAE;QACb,IACE,YAAY,KAAK,IAAI;eAClB,YAAY,CAAC,OAAO,KAAK,IAAI;eAC7B,YAAY,CAAC,eAAe,CAAC,KAAK,SAAS,EAC9C,CAAC;YACD,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,SAAS,GAAiD,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,4BAA4B,IAAI,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC,4BAA4B,CAAC;IAE5L,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EACrB,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,GACxD,CACH,CAAC;AACJ,CAAC;AAYD,SAAS,OAAO,CAAC,KAAwC;IACvD,MAAM,SAAS,GAA0C,oBAAoB,EAAE,CAAC;IAEhF,OAAO,CACL,KAAC,aAAa,IACZ,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACpB,KAAC,gBAAgB,IACf,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EACtB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,GAC5B,CACH,YAED,KAAC,cAAc,IAEb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EACrB,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAHhB,SAAS,CAId,GACY,CACjB,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/Mermaid/index.tsx"],"names":[],"mappings":"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"}

package/build/src/types/lib/mermaid-viewport.d.ts

@@ -0,0 +1,51 @@
+import type { Shared_MermaidViewportPosition } from '../shared.d.ts';
+
+/**
+ * Lib - Mermaid Viewport - Minimum Scale.
+ *
+ * @since 0.30.0
+ */
+export type Lib_MermaidViewport_MinScale = number;
+
+/**
+ * Lib - Mermaid Viewport - Maximum Scale.
+ *
+ * @since 0.30.0
+ */
+export type Lib_MermaidViewport_MaxScale = number;
+
+/**
+ * Lib - Mermaid Viewport - Scale Step.
+ *
+ * @since 0.30.0
+ */
+export type Lib_MermaidViewport_ScaleStep = number;
+
+/**
+ * Lib - Mermaid Viewport - Pan Step.
+ *
+ * @since 0.30.0
+ */
+export type Lib_MermaidViewport_PanStep = number;
+
+/**
+ * Lib - Mermaid Viewport - Clamp Scale.
+ *
+ * @since 0.30.0
+ */
+export type Lib_MermaidViewport_ClampScale_Value = number;
+
+export type Lib_MermaidViewport_ClampScale_Returns = number;
+
+/**
+ * Lib - Mermaid Viewport - Resolve Pan.
+ *
+ * @since 0.30.0
+ */
+export type Lib_MermaidViewport_ResolvePan_StartPosition = Shared_MermaidViewportPosition;
+
+export type Lib_MermaidViewport_ResolvePan_Start = Shared_MermaidViewportPosition;
+
+export type Lib_MermaidViewport_ResolvePan_Current = Shared_MermaidViewportPosition;
+
+export type Lib_MermaidViewport_ResolvePan_Returns = Shared_MermaidViewportPosition;

package/build/src/types/shared.d.ts

@@ -108,6 +108,20 @@ export type Shared_MermaidConfig = {
   [key: string]: unknown;
 };
 
+/**
+ * Shared - Mermaid Viewport Position.
+ *
+ * @since 0.30.0
+ */
+export type Shared_MermaidViewportPosition_X = number;
+
+export type Shared_MermaidViewportPosition_Y = number;
+
+export type Shared_MermaidViewportPosition = {
+  x: Shared_MermaidViewportPosition_X;
+  y: Shared_MermaidViewportPosition_Y;
+};
+
 /**
  * Shared - Progress Bar Config.
  *

package/build/src/types/tests/lib/mermaid-viewport.test.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Tests - Lib - Mermaid Viewport - Clamp Scale - Clamps Requests To The Supported Zoom Range.
+ *
+ * @since 0.30.0
+ */
+export type Tests_Lib_MermaidViewport_ClampScale_ClampsRequestsToTheSupportedZoomRange_BelowMinimum = number;
+
+export type Tests_Lib_MermaidViewport_ClampScale_ClampsRequestsToTheSupportedZoomRange_WithinRange = number;
+
+export type Tests_Lib_MermaidViewport_ClampScale_ClampsRequestsToTheSupportedZoomRange_AboveMaximum = number;
+
+/**
+ * Tests - Lib - Mermaid Viewport - Resolve Pan - Resolves Pointer Travel From The Drag Origin.
+ *
+ * @since 0.30.0
+ */
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_StartPosition_X = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_StartPosition_Y = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_StartPosition = {
+  x: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_StartPosition_X;
+  y: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_StartPosition_Y;
+};
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Start_X = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Start_Y = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Start = {
+  x: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Start_X;
+  y: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Start_Y;
+};
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Current_X = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Current_Y = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Current = {
+  x: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Current_X;
+  y: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Current_Y;
+};
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Result_X = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Result_Y = number;
+
+export type Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Result = {
+  x: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Result_X;
+  y: Tests_Lib_MermaidViewport_ResolvePan_ResolvesPointerTravelFromTheDragOrigin_Result_Y;
+};

package/build/src/types/theme/DocSidebarItem/Category/index.d.ts

@@ -115,7 +115,7 @@ export type Theme_DocSidebarItem_Category_Index_DocSidebarItemCategory_ContainsA
 
 export type Theme_DocSidebarItem_Category_Index_DocSidebarItemCategory_ContainsActivePath_ActivePath = string;
 
-export type Theme_DocSidebarItem_Category_Index_DocSidebarItemCategory_ContainsActivePath_Result = boolean;
+export type Theme_DocSidebarItem_Category_Index_DocSidebarItemCategory_ContainsActivePath_Returns = boolean;
 
 export type Theme_DocSidebarItem_Category_Index_DocSidebarItemCategory_ContainsActivePath_Item = Record<string, unknown>;
 

package/build/src/types/theme/Mermaid/index.d.ts

@@ -1,6 +1,16 @@
-import type { CSSProperties } from 'react';
+import type {
+  CSSProperties,
+  Dispatch,
+  KeyboardEvent,
+  PointerEvent,
+  RefObject,
+  SetStateAction,
+} from 'react';
 
-import type { Shared_MermaidRenderOutput } from '../../shared.d.ts';
+import type {
+  Shared_MermaidRenderOutput,
+  Shared_MermaidViewportPosition,
+} from '../../shared.d.ts';
 
 /**
  * Theme - Mermaid.
@@ -46,6 +56,114 @@ export type Theme_Mermaid_Index_MermaidContent_Returns = React.JSX.Element | nul
 
 export type Theme_Mermaid_Index_MermaidContent_RenderResult = Shared_MermaidRenderOutput | null;
 
-export type Theme_Mermaid_Index_MermaidContent_ContainerRef = React.RefObject<HTMLDivElement | null>;
+export type Theme_Mermaid_Index_MermaidContent_ContainerRef = RefObject<HTMLDivElement | null>;
+
+export type Theme_Mermaid_Index_MermaidContent_Scale = number;
+
+export type Theme_Mermaid_Index_MermaidContent_ScaleState = [Theme_Mermaid_Index_MermaidContent_Scale, Dispatch<SetStateAction<Theme_Mermaid_Index_MermaidContent_Scale>>];
+
+export type Theme_Mermaid_Index_MermaidContent_SetScale = Dispatch<SetStateAction<Theme_Mermaid_Index_MermaidContent_Scale>>;
+
+export type Theme_Mermaid_Index_MermaidContent_Position = Shared_MermaidViewportPosition;
+
+export type Theme_Mermaid_Index_MermaidContent_PositionState = [Theme_Mermaid_Index_MermaidContent_Position, Dispatch<SetStateAction<Theme_Mermaid_Index_MermaidContent_Position>>];
+
+export type Theme_Mermaid_Index_MermaidContent_SetPosition = Dispatch<SetStateAction<Theme_Mermaid_Index_MermaidContent_Position>>;
+
+export type Theme_Mermaid_Index_MermaidContent_IsDragging = boolean;
+
+export type Theme_Mermaid_Index_MermaidContent_IsDraggingState = [Theme_Mermaid_Index_MermaidContent_IsDragging, Dispatch<SetStateAction<Theme_Mermaid_Index_MermaidContent_IsDragging>>];
+
+export type Theme_Mermaid_Index_MermaidContent_SetIsDragging = Dispatch<SetStateAction<Theme_Mermaid_Index_MermaidContent_IsDragging>>;
+
+export type Theme_Mermaid_Index_MermaidContent_Drag_PointerId = number;
+
+export type Theme_Mermaid_Index_MermaidContent_Drag_Start = Shared_MermaidViewportPosition;
+
+export type Theme_Mermaid_Index_MermaidContent_Drag_StartPosition = Shared_MermaidViewportPosition;
+
+export type Theme_Mermaid_Index_MermaidContent_Drag = {
+  pointerId: Theme_Mermaid_Index_MermaidContent_Drag_PointerId;
+  start: Theme_Mermaid_Index_MermaidContent_Drag_Start;
+  startPosition: Theme_Mermaid_Index_MermaidContent_Drag_StartPosition;
+};
+
+export type Theme_Mermaid_Index_MermaidContent_DragRef = RefObject<Theme_Mermaid_Index_MermaidContent_Drag | null>;
 
 export type Theme_Mermaid_Index_MermaidContent_ClassName = string;
+
+export type Theme_Mermaid_Index_MermaidContent_CanZoomIn = boolean;
+
+export type Theme_Mermaid_Index_MermaidContent_CanZoomOut = boolean;
+
+export type Theme_Mermaid_Index_MermaidContent_IsInteractive = boolean;
+
+export type Theme_Mermaid_Index_MermaidContent_ScaleLabel = string;
+
+export type Theme_Mermaid_Index_MermaidContent_ZoomInLabel = string;
+
+export type Theme_Mermaid_Index_MermaidContent_ZoomOutLabel = string;
+
+export type Theme_Mermaid_Index_MermaidContent_ResetLabel = string;
+
+export type Theme_Mermaid_Index_MermaidContent_ViewportLabel = string;
+
+export type Theme_Mermaid_Index_MermaidContent_StageStyle = CSSProperties;
+
+export type Theme_Mermaid_Index_MermaidContent_ViewportClassName = string;
+
+/**
+ * Theme - Mermaid - Mermaid Content - Handle Key Down.
+ *
+ * @since 0.30.0
+ */
+export type Theme_Mermaid_Index_MermaidContent_HandleKeyDown_Event = KeyboardEvent<HTMLDivElement>;
+
+export type Theme_Mermaid_Index_MermaidContent_HandleKeyDown_Returns = undefined;
+
+export type Theme_Mermaid_Index_MermaidContent_HandleKeyDown_NextPosition = Shared_MermaidViewportPosition | undefined;
+
+/**
+ * Theme - Mermaid - Mermaid Content - Handle Pointer Down.
+ *
+ * @since 0.30.0
+ */
+export type Theme_Mermaid_Index_MermaidContent_HandlePointerDown_Event = PointerEvent<HTMLDivElement>;
+
+export type Theme_Mermaid_Index_MermaidContent_HandlePointerDown_Returns = undefined;
+
+/**
+ * Theme - Mermaid - Mermaid Content - Handle Pointer End.
+ *
+ * @since 0.30.0
+ */
+export type Theme_Mermaid_Index_MermaidContent_HandlePointerEnd_Event = PointerEvent<HTMLDivElement>;
+
+export type Theme_Mermaid_Index_MermaidContent_HandlePointerEnd_Returns = undefined;
+
+/**
+ * Theme - Mermaid - Mermaid Content - Handle Pointer Move.
+ *
+ * @since 0.30.0
+ */
+export type Theme_Mermaid_Index_MermaidContent_HandlePointerMove_Event = PointerEvent<HTMLDivElement>;
+
+export type Theme_Mermaid_Index_MermaidContent_HandlePointerMove_Returns = undefined;
+
+/**
+ * Theme - Mermaid - Mermaid Content - Zoom In.
+ *
+ * @since 0.30.0
+ */
+export type Theme_Mermaid_Index_MermaidContent_ZoomIn_Returns = undefined;
+
+export type Theme_Mermaid_Index_MermaidContent_ZoomIn_NextScale = number;
+
+/**
+ * Theme - Mermaid - Mermaid Content - Zoom Out.
+ *
+ * @since 0.30.0
+ */
+export type Theme_Mermaid_Index_MermaidContent_ZoomOut_Returns = undefined;
+
+export type Theme_Mermaid_Index_MermaidContent_ZoomOut_NextScale = number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cbnventures/docusaurus-preset-nova",
-  "version": "0.29.0",
+  "version": "0.30.1",
   "description": "Scripts, templates, and project configuration for the common JavaScript and TypeScript developer",
   "keywords": [
     "eslint",
@@ -71,10 +71,10 @@
   "private": false,
   "scripts": {
     "dev": "node ../../scripts/nova-run-scripts.mjs --parallel --node-env development 'dev:*'",
-    "dev:watch-plugin": "tsc --project tsconfig.plugin.json --watch",
+    "dev:watch-plugin": "node ../../scripts/nova-transpile.mjs --project tsconfig.plugin.json --watch",
     "dev:watch-styles": "node ../../scripts/copy-styles.mjs --watch",
-    "dev:watch-theme": "tsc --project tsconfig.theme.json --watch",
-    "dev:watch-cli": "tsc --project tsconfig.cli.json --watch",
+    "dev:watch-theme": "node ../../scripts/nova-transpile.mjs --project tsconfig.theme.json --watch",
+    "dev:watch-cli": "node ../../scripts/nova-transpile.mjs --project tsconfig.cli.json --watch",
     "dev:fix-shiki-import": "node ../../scripts/fix-shiki-import.mjs --watch",
     "check": "node ../../scripts/nova-run-scripts.mjs --sequential 'check:*'",
     "check:lint": "eslint ./ --max-warnings=0",
@@ -85,10 +85,10 @@
     "check:types-config": "node ../../scripts/nova-type-check.mjs --project tsconfig.config.json",
     "check:test": "vitest run",
     "build": "node ../../scripts/nova-run-scripts.mjs --sequential --node-env production 'build:*'",
-    "build:transpile-theme": "tsc --project tsconfig.theme.json --outDir ./build --skipLibCheck",
-    "build:transpile-plugin": "tsc --project tsconfig.plugin.json --outDir ./build --skipLibCheck",
-    "build:transpile-worker": "tsc --project tsconfig.worker.json --outDir ./build --skipLibCheck",
-    "build:transpile-cli": "tsc --project tsconfig.cli.json --outDir ./build --skipLibCheck",
+    "build:transpile-theme": "node ../../scripts/nova-transpile.mjs --project tsconfig.theme.json",
+    "build:transpile-plugin": "node ../../scripts/nova-transpile.mjs --project tsconfig.plugin.json",
+    "build:transpile-worker": "node ../../scripts/nova-transpile.mjs --project tsconfig.worker.json",
+    "build:transpile-cli": "node ../../scripts/nova-transpile.mjs --project tsconfig.cli.json",
     "build:copy-types": "shx rm -rf \"./build/src/types\" && shx cp -r \"./src/types\" \"./build/src/types\"",
     "build:fix-shiki-import": "node ../../scripts/fix-shiki-import.mjs",
     "build:copy-styles": "node ../../scripts/copy-styles.mjs",
@@ -100,7 +100,7 @@
     "node": "^22 || ^24"
   },
   "dependencies": {
-    "@cbnventures/nova": "0.29.0",
+    "@cbnventures/nova": "0.30.1",
     "@codesandbox/sandpack-react": "2.20.0",
     "@docusaurus/plugin-content-blog": "3.10.2",
     "@docusaurus/plugin-content-docs": "3.10.2",