@decantr/content 3.8.0 → 3.8.1

package/shells/chat-portal.json

@@ -125,7 +125,7 @@
       "flex": "1",
       "direction": "column",
       "overflow": "hidden",
-      "atoms": "_flex _col _overflow[hidden]",
+      "atoms": "_flex _col _overhidden",
       "messages": {
         "flex": "1",
         "overflow_y": "auto",

package/shells/copilot-overlay.json

@@ -86,7 +86,7 @@
       "flex": "1",
       "overflow_y": "auto",
       "padding": "1.5rem",
-      "atoms": "_flex1 _overflow[auto] _p6",
+      "atoms": "_flex1 _overauto _p6",
       "note": "Main application content area. Scrollable. When copilot mode is 'push', body width shrinks to accommodate panel."
     },
     "copilot": {
@@ -100,7 +100,7 @@
       "background": "var(--d-surface-raised)",
       "overflow_y": "auto",
       "padding": "1rem",
-      "atoms": "_flex _col _borderL _bgraised _overflow[auto] _p4",
+      "atoms": "_flex _col _borderL _bgraised _overauto _p4",
       "header": {
         "display": "flex",
         "align": "center",

package/shells/minimal-header.json

@@ -78,7 +78,7 @@
       "align": "center",
       "overflow_y": "auto",
       "padding": "2rem 0",
-      "atoms": "_flex _col _aic _overflow[auto] _flex1 _py8",
+      "atoms": "_flex _col _aic _overauto _flex1 _py8",
       "content_wrapper": {
         "width": "720px",
         "max_width": "100%",

package/shells/recipefork-top-nav.json

@@ -67,7 +67,7 @@
       "flex": "1",
       "overflow_y": "auto",
       "padding": "0",
-      "atoms": "_flex1 _overflow[auto]",
+      "atoms": "_flex1 _overauto",
       "note": "Individual pages own their spacing. Preserve the wide, app-like content region used by feed, recipe detail, profile, and authoring pages."
     }
   }

package/shells/three-column-browser.json

@@ -106,7 +106,7 @@
       "background": "var(--d-surface)",
       "overflow_y": "auto",
       "padding": "0.5rem",
-      "atoms": "_flex _col _borderR _bgmuted _overflow[auto] _p2",
+      "atoms": "_flex _col _borderR _bgmuted _overauto _p2",
       "header": {
         "display": "flex",
         "align": "center",
@@ -137,7 +137,7 @@
       "direction": "column",
       "border": "right",
       "overflow_y": "auto",
-      "atoms": "_flex _col _borderR _overflow[auto]",
+      "atoms": "_flex _col _borderR _overauto",
       "header": {
         "display": "flex",
         "align": "center",
@@ -163,7 +163,7 @@
       "overflow_y": "auto",
       "padding": "1.5rem",
       "background": "var(--d-bg)",
-      "atoms": "_flex _col _flex1 _overflow[auto] _p6",
+      "atoms": "_flex _col _flex1 _overauto _p6",
       "header": {
         "display": "flex",
         "align": "center",

package/shells/top-nav-main.json

@@ -3,7 +3,7 @@
   "version": "1.0.0",
   "decantr_compat": ">=2.0.0",
   "name": "Top Nav + Main",
-  "description": "Horizontal navigation shell with a compact sticky header, shared content insets, and a curated page-width rhythm. Used by public browsing, editorial catalog pages, and marketing-style registry surfaces.",
+  "description": "Horizontal navigation shell with a compact sticky header, shared content insets, and a curated page-width rhythm. Used by public browsing, editorial catalog pages, and content reference surfaces.",
   "layout": "stack",
   "atoms": "_flex _col _h[100vh]",
   "config": {
@@ -84,14 +84,14 @@
       "gap": "1rem",
       "overflow_y": "auto",
       "padding": "clamp(1rem, 2vw, 1.5rem)",
-      "atoms": "_flex _col _gap4 _p6 _overflow[auto] _flex1",
-      "note": "Scrollable content area below the nav bar. Public registry pages should use a consistent page max-width rhythm inside this region instead of page-local guesses. When multiple editorial sections are stacked in the public registry shell, the shell owns inter-section spacing; do not stack shell gap on top of full default d-section padding."
+      "atoms": "_flex _col _gap4 _p6 _overauto _flex1",
+      "note": "Scrollable content area below the nav bar. Public catalog pages should use a consistent page max-width rhythm inside this region instead of page-local guesses. When multiple editorial sections are stacked in this shell, the shell owns inter-section spacing; do not stack shell gap on top of full default d-section padding."
     }
   },
   "guidance": {
     "section_label_treatment": "d-label",
     "section_density": "comfortable",
-    "shell_spacing": "Header, body, and footer share the same horizontal inset rhythm. Public pages should feel like one shell system, not separate handcrafted blocks. Editorial registry surfaces should use a compact shell-owned section rhythm rather than layering shell gap, d-section padding, and sibling section margins all at once.",
+    "shell_spacing": "Header, body, and footer share the same horizontal inset rhythm. Public pages should feel like one shell system, not separate handcrafted blocks. Editorial content surfaces should use a compact shell-owned section rhythm rather than layering shell gap, d-section padding, and sibling section margins all at once.",
     "mobile_nav": "Below md, preserve brand + essential actions first and collapse or hide secondary links rather than squeezing the whole nav row.",
     "hotkeys": "When navigation hotkeys are declared in the essence, implement them as keyboard shortcuts or command-palette affordances. Do not append hotkey text to the persistent top navigation unless the route contract explicitly asks for visible shortcut hints."
   },

package/shells/workspace-aside.json

@@ -140,7 +140,7 @@
       "direction": "column",
       "overflow_y": "auto",
       "padding": "2rem",
-      "atoms": "_flex _col _overflow[auto] _p8",
+      "atoms": "_flex _col _overauto _p8",
       "note": "Document editor area. Scrollable. Editor mode enabled."
     },
     "aside": {
@@ -150,7 +150,7 @@
       "direction": "column",
       "border": "left",
       "background": "var(--d-bg)",
-      "atoms": "_flex _col _borderL _bgbg _overflow[auto]",
+      "atoms": "_flex _col _borderL _bgbg _overauto",
       "header": {
         "display": "flex",
         "align": "center",

package/themes/auradecantism.json

@@ -192,7 +192,7 @@
     "table": {
       "wraps": "DataTable",
       "description": "DataTable with glass wrapper and subtle border.",
-      "example": "const { div, span } = tags;\ndiv({ class: css('d-glass _r4 _overflow[hidden]') },\n  div({ class: css('_flex _aic _jcsb _px4 _py3 _borderB') },\n    span({ class: css('_heading5') }, 'Transactions'),\n    span({ class: css('_textsm _fgmuted') }, '248 records')\n  ),\n  DataTable({ columns, data, sortable: true, paginate: true })\n)"
+      "example": "const { div, span } = tags;\ndiv({ class: css('d-glass _r4 _overhidden') },\n  div({ class: css('_flex _aic _jcsb _px4 _py3 _borderB') },\n    span({ class: css('_heading5') }, 'Transactions'),\n    span({ class: css('_textsm _fgmuted') }, '248 records')\n  ),\n  DataTable({ columns, data, sortable: true, paginate: true })\n)"
     },
     "form": {
       "description": "Form in a glass card with gradient submit button.",
@@ -204,7 +204,7 @@
     },
     "layout": {
       "description": "Full page layout with mesh background, glass sidebar, and content area.",
-      "example": "const { div, main, header, span } = tags;\ndiv({ class: css('d-mesh _grid _h[100vh]'), style: 'grid-template-columns:240px 1fr' },\n  // glass sidebar\n  // ...,\n  div({ class: css('_flex _col _overflow[hidden]') },\n    header({ class: css('_flex _aic _jcsb _px6 _py3 _borderB d-glass') },\n      span({ class: css('_heading4') }, 'Dashboard')\n    ),\n    main({ class: css('_flex _col _gap4 _p6 _overflow[auto]') },\n      // page content\n    )\n  )\n)"
+      "example": "const { div, main, header, span } = tags;\ndiv({ class: css('d-mesh _grid _h[100vh]'), style: 'grid-template-columns:240px 1fr' },\n  // glass sidebar\n  // ...,\n  div({ class: css('_flex _col _overhidden') },\n    header({ class: css('_flex _aic _jcsb _px6 _py3 _borderB d-glass') },\n      span({ class: css('_heading4') }, 'Dashboard')\n    ),\n    main({ class: css('_flex _col _gap4 _p6 _overauto') },\n      // page content\n    )\n  )\n)"
     },
     "alert": {
       "wraps": "Alert",
@@ -219,7 +219,7 @@
     "chart": {
       "wraps": "Chart",
       "description": "Chart in glass panel with gradient title.",
-      "example": "const { div, span } = tags;\ndiv({ class: css('d-glass _r4 _overflow[hidden]') },\n  div({ class: css('_flex _aic _jcsb _px4 _py3 _borderB') },\n    span({ class: css('d-gradient-text _bold') }, 'Revenue Trend'),\n    span({ class: css('_textxs _fgmuted') }, 'Last 30 days')\n  ),\n  Chart({ type: 'area', data: revenueData, x: 'date', y: 'amount', height: 300 })\n)"
+      "example": "const { div, span } = tags;\ndiv({ class: css('d-glass _r4 _overhidden') },\n  div({ class: css('_flex _aic _jcsb _px4 _py3 _borderB') },\n    span({ class: css('d-gradient-text _bold') }, 'Revenue Trend'),\n    span({ class: css('_textxs _fgmuted') }, 'Last 30 days')\n  ),\n  Chart({ type: 'area', data: revenueData, x: 'date', y: 'amount', height: 300 })\n)"
     }
   },
   "radius": {