@kolkrabbi/kol-shell 0.6.1 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-shell",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "private": false,
   "description": "KOL application shell — fixed 48px NavRail + AppShell layout root, PageShell/PageHeader scaffolds, ContentFilters catalog organism, GridCard, SettingsScaffold, WalkthroughPanel, ShortcutsOverlay. App chrome (kol-framework owns site chrome). Nav items, content, shortcuts and settings are consumer-injected. Sits above @kolkrabbi/kol-{theme,component,framework}.",
   "license": "MIT",
@@ -15,15 +15,15 @@
     "@kolkrabbi/kol-component": ">=0.38.0",
     "@kolkrabbi/kol-framework": ">=0.20.0",
     "@kolkrabbi/kol-icons": ">=0.16.0",
-    "@kolkrabbi/kol-theme": ">=0.41.0",
+    "@kolkrabbi/kol-theme": ">=0.67.0",
     "react": "^18.3.0 || ^19.0.0",
     "react-dom": "^18.3.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@kolkrabbi/kol-component": "^0.62.0",
-    "@kolkrabbi/kol-framework": "^0.22.0",
-    "@kolkrabbi/kol-icons": "^0.18.0",
-    "@kolkrabbi/kol-theme": "^0.48.0"
+    "@kolkrabbi/kol-component": "^0.97.0",
+    "@kolkrabbi/kol-framework": "^0.27.1",
+    "@kolkrabbi/kol-theme": "^0.67.0",
+    "@kolkrabbi/kol-icons": "^0.19.0"
   },
   "files": [
     "src",

package/src/GridCard.jsx

@@ -1,4 +1,10 @@
 /**
+ * @deprecated 2026-08-26 — absorbed by `ContentCard variant="catalog" (row: ContentRow variant="catalog")` in @kolkrabbi/kol-component
+ * (the Content Set, 2026-08-15). Step 1 of the retirement wave: this export
+ * stays and renders unchanged until the next major, then it is removed.
+ * Consumers: swap on your next bump. Map + row-by-row diff:
+ * docs/documentation/03-components/06-content-card-system.md.
+ *
  * GridCard — A4-ratio card for catalog grids (monitor's full cut: expanded
  * 2×2 mode + previewFit). Preview clipped on top, label plate at bottom;
  * `variant="list"` renders the compact 36px row.

package/src/PageHeader.jsx

@@ -23,14 +23,20 @@
  * @param {ReactNode} title
  * @param {ReactNode} subtitle  mono line under the title
  * @param {string}    size      sm | md | lg (default md)
+ * @param {'sans'|'mono'} voice  the title's family (default sans). `mono` = the
+ *                    app tier's masthead (PageHeaderMonoTitle, kol-fxr 2026-08-27 —
+ *                    user ruling: kol-monitor's JetBrains Mono 32 / 500 is the look):
+ *                    kol-mono-heading-03 · kol-mono-display-03 · kol-mono-display-02
+ *                    (kol-theme ≥0.67.0). The subtitle stays kol-mono-14.
+ * @param {string}    titleClass  replaces the title role whole (the ContentText seam)
  */
 const TITLE = {
-  sm: 'kol-sans-heading-03',
-  md: 'kol-sans-display-03',
-  lg: 'kol-sans-display-02',
+  sans: { sm: 'kol-sans-heading-03', md: 'kol-sans-display-03', lg: 'kol-sans-display-02' },
+  mono: { sm: 'kol-mono-heading-03', md: 'kol-mono-display-03', lg: 'kol-mono-display-02' },
 }
 
-export default function PageHeader({ eyebrow, title, subtitle, size = 'md', className = '' }) {
+export default function PageHeader({ eyebrow, title, subtitle, size = 'md', voice = 'sans', titleClass, className = '' }) {
+  const roles = TITLE[voice] ?? TITLE.sans
   return (
     /* the block owns its own rhythm — margins inline, never in a shared type
        class, which leaks estate-wide (ShellHeaderFilterRefinements, 2026-08-15) */
@@ -48,7 +54,7 @@ export default function PageHeader({ eyebrow, title, subtitle, size = 'md', clas
           {eyebrow}
         </p>
       )}
-      <h1 className={`text-fg-96 ${TITLE[size] ?? TITLE.md}`}>{title}</h1>
+      <h1 className={`text-fg-96 ${titleClass ?? roles[size] ?? roles.md}`}>{title}</h1>
       {subtitle && (
         <p className="text-oq-64 kol-mono-14" style={{ marginTop: 12 }}>{subtitle}</p>
       )}