@kolkrabbi/kol-framework 0.62.0 → 0.62.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-framework",
-  "version": "0.62.0",
+  "version": "0.62.2",
   "description": "Site shell and page layout",
   "license": "MIT",
   "type": "module",
@@ -27,9 +27,9 @@
   "devDependencies": {
     "framer-motion": "^12.0.0",
     "gsap": "^3.13.0",
+    "@kolkrabbi/kol-component": "^0.311.2",
     "@kolkrabbi/kol-markdown": "0.2.0",
-    "@kolkrabbi/kol-icons": "^0.52.0",
-    "@kolkrabbi/kol-component": "^0.311.0"
+    "@kolkrabbi/kol-icons": "^0.52.0"
   },
   "files": [
     "src",

package/src/Layout.jsx

@@ -1,5 +1,5 @@
 import { Link, Outlet, useLocation } from 'react-router-dom'
-import ScrollToTop from './ScrollToTop'
+import ScrollToTop from './ScrollToTop.jsx'
 import { ExitPreview } from '@kolkrabbi/kol-component'
 
 const clientSurfacePatterns = [/^\/site/]

package/src/SideNav.jsx

@@ -1,6 +1,6 @@
 import { useHref, useLocation, useNavigate } from 'react-router-dom'
 import { NavRail } from '@kolkrabbi/kol-component'
-import ThemeToggle from './ThemeToggle'
+import ThemeToggle from './ThemeToggle.jsx'
 
 /**
  * SideNav — The grouped navigation rail. `NavRail variant="site"` under its old name (2026-10-22, the one nav rail).

package/src/SiteLayout.jsx

@@ -7,12 +7,12 @@ import { Button, ModalProvider } from '@kolkrabbi/kol-component'
  * Usage: const setTocContent = useContext(ShellTocContext)
  * useLayoutEffect(() => { setTocContent(<MyToc />); return () => setTocContent(null) }, [])
  * No page registered + no defaultTocContent prop → no rail, layout unchanged. */
-export const ShellTocContext = createContext(null)
+export const ShellTocContext = (globalThis[Symbol.for('@kolkrabbi/kol-framework/ShellTocContext')] ??= createContext(null))
 
 /* Pages can suppress the TOC rail (e.g. hide an app-level defaultTocContent).
  * Usage: const setTocCollapsed = useContext(ShellTocCollapsedContext)
  * useLayoutEffect(() => { setTocCollapsed(true); return () => setTocCollapsed(false) }, [setTocCollapsed]) */
-export const ShellTocCollapsedContext = createContext(null)
+export const ShellTocCollapsedContext = (globalThis[Symbol.for('@kolkrabbi/kol-framework/ShellTocCollapsedContext')] ??= createContext(null))
 
 /* `getActivePage` — inert since the 2026-08-09 SideNav port (the two-level
  * elder model derives the active category from the route). No longer

package/src/website/CursorContext.jsx

@@ -1,13 +1,13 @@
 import React from 'react'
 
-const CursorContext = React.createContext({
+const CursorContext = (globalThis[Symbol.for('@kolkrabbi/kol-framework/CursorContext')] ??= React.createContext({
   position: { x: 0, y: 0 },
   visible: false,
   setVisible: () => {},
   cardHover: null,
   setCardHover: () => {},
   clearCardHover: () => {}
-})
+}))
 
 export function CursorProvider({ children }) {
   // Initialize cursor at center of viewport

package/src/website/CursorOverlay.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { useCursor } from './CursorContext'
+import { useCursor } from './CursorContext.jsx'
 
 export default function CursorOverlay() {
   const { position, visible } = useCursor()

package/src/website/CursorTrail.jsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react'
 import { motion, useMotionValue, useSpring } from 'framer-motion'
-import { useCursor } from './CursorContext'
+import { useCursor } from './CursorContext.jsx'
 
 const CursorTrail = () => {
   const { position } = useCursor()

package/src/website/Navbar.jsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react'
 import { Link, useLocation } from 'react-router-dom'
-import TakeoverMenu from './TakeoverMenu'
+import TakeoverMenu from './TakeoverMenu.jsx'
 
 /**
  * Navbar — ONE top bar, one structure, every route and every breakpoint.

package/src/website/WebsiteLayout.jsx

@@ -1,9 +1,9 @@
 import { Outlet, useLocation } from 'react-router-dom'
-import Navbar from './Navbar'
-import { Footer } from './Footer'
-import { CursorProvider } from './CursorContext'
-import { WorkViewProvider } from './WorkViewContext'
-import CursorOverlay from './CursorOverlay'
+import Navbar from './Navbar.jsx'
+import { Footer } from './Footer.jsx'
+import { CursorProvider } from './CursorContext.jsx'
+import { WorkViewProvider } from './WorkViewContext.jsx'
+import CursorOverlay from './CursorOverlay.jsx'
 /* kol-component's AsciiCursor — the evolved twin of the site's copy (touch and reduced-motion gated); one, not two */
 import { AsciiCursor } from '@kolkrabbi/kol-component'
 

package/src/website/WorkViewContext.jsx

@@ -1,6 +1,6 @@
 import { createContext, useContext, useState } from 'react'
 
-const WorkViewContext = createContext(null)
+const WorkViewContext = (globalThis[Symbol.for('@kolkrabbi/kol-framework/WorkViewContext')] ??= createContext(null))
 
 export function WorkViewProvider({ children }) {
   const [viewMode, setViewMode] = useState('list')