@tonycodes-ui/mortar 0.11.0 → 0.13.0

package/catalog.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
   "package": "@tonycodes-ui/mortar",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "policyVersion": "1.4.0",
   "tokens": [
     "--m-accent",
@@ -137,7 +137,7 @@
       "description": "Mortar foundation action link, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ActionLink",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "action", "keyboard"],
@@ -188,8 +188,8 @@
         "probe": "link"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "c67adac630742c1e7e3bf02a3b8c884fe9e87daec8699ae9d6b22707862dd15c"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "e6b691e2efa263d4aaa485ca9a9a50e8d598bdbbb82c4bfe7f82e2877a7714a2"
       }
     },
     {
@@ -199,7 +199,7 @@
       "description": "Mortar action panel: a titled card with an explanation and one decisive action, with a danger tone for destructive settings.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ActionPanel",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "action"],
@@ -270,8 +270,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "33bff7f74aafd983bfcba9b16f82f048eefef525a8924669125c20750848e0bf"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "11bb1f3285026c2cc6c3c8622dba3375ec597d4c56794c123eef979f59437734"
       }
     },
     {
@@ -281,7 +281,7 @@
       "description": "Mortar application activity feed, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ActivityFeed",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "status", "responsive"],
@@ -325,8 +325,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "f74b7921d4e253fb55ced338d33fa12347016591e8e9833234aec8b8a85f9741"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "a131eec56347e8b3bfbf40a2c996ebb401c9fa4ebecf557a35bead115bde6c65"
       }
     },
     {
@@ -336,7 +336,7 @@
       "description": "Mortar documentation api endpoint, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ApiEndpoint",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "responsive"],
@@ -417,8 +417,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "fc5324ef92c0b12b591ab6527f7e2ab6cdb915dd1b261b954ce30d53286ce8ee"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "17c0393e6c7b7245d258c7e6e15402b6b067f680e59a2e0c1672752f52c61631"
       }
     },
     {
@@ -428,7 +428,7 @@
       "description": "Mortar application app shell, using central semantic tokens. An optional aside adds a secondary column (multi-column layout).",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "AppShell",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "keyboard", "responsive"],
@@ -525,8 +525,8 @@
         "probe": "navigation"
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "9f3cb4da9e9727de7d7fbc32464046846bb9faede6a30b6f1d6fab8a181f485a"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "8c308a423ec0d091693a670ee03c1433c0c0b57a8658bdb71b4944e0ad134378"
       }
     },
     {
@@ -536,7 +536,7 @@
       "description": "Mortar foundation appearance control, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "AppearanceControl",
       "source": "src/foundation.tsx",
       "capabilities": ["theme", "foundation", "keyboard"],
@@ -581,8 +581,8 @@
         "probe": "appearance"
       },
       "integrity": {
-        "source": "fe9cbe822ed1ca34f1f90dd091e8cfb034a0fde92eaee45644144407b5bde5a0",
-        "preview": "b7f1d01cce9683ccd6ae74e6cdfa65271e1f2b30ee9546f89ef913fd8b1c7303"
+        "source": "80bc14cb2c24c549f278863c6b964b375c915aa203a524a723abbd776d58b65a",
+        "preview": "85b700464511015314965ac6138cad834b54770d485b52ff205390bce2832c93"
       }
     },
     {
@@ -592,7 +592,7 @@
       "description": "Mortar attachment list: files attached to a record, each with an icon, name, size and a download link named after the file.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "AttachmentList",
       "source": "src/display.tsx",
       "capabilities": ["theme", "application"],
@@ -637,8 +637,8 @@
         "states": []
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "bd7b40c106b7498a2be1f9e5c217d7664e5e69ccf1069f106f036fdfa1ec466a"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "92afb5f3527dbd1943902c182fd9fd5ae84d40b0a5f7921aa324f5262290319d"
       }
     },
     {
@@ -648,7 +648,7 @@
       "description": "Mortar auth page shell for sign-in, sign-up, password reset, verification and two-factor screens: logo, h1, description, the form and a footer link, centred, on a card or split beside an image or testimonial.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "AuthLayout",
       "source": "src/auth.tsx",
       "capabilities": ["theme", "application", "form", "responsive"],
@@ -729,8 +729,8 @@
         "states": []
       },
       "integrity": {
-        "source": "058db397b0fea0713003b6bae791674b9214417e7c1ef1600164fc051d435e8a",
-        "preview": "4c199e4a909b9cd8315b1ca02d46661fb3dfb49521f67b586099c5e18b507d39"
+        "source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
+        "preview": "4b4d74699885252f6ff59084d9698aaaf1a55e051ef29b4fd1a48381f9aa650a"
       }
     },
     {
@@ -740,7 +740,7 @@
       "description": "Mortar foundation avatar group, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "AvatarGroup",
       "source": "src/display.tsx",
       "capabilities": ["theme", "foundation"],
@@ -790,8 +790,8 @@
         "states": []
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "7b0dee262d543535730cfe0b347d304842c73594be20e0d84597dfa2dfc55b2e"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "202201c8a09d6ae944647773577e383e1be32fd26d60f0df38bdd4e09b40014f"
       }
     },
     {
@@ -801,7 +801,7 @@
       "description": "Mortar foundation avatar, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Avatar",
       "source": "src/display.tsx",
       "capabilities": ["theme", "foundation"],
@@ -880,8 +880,8 @@
         "states": []
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "8251d39bbb94e2651c314902a368e4605766a5d824460b272b3542c4d9486719"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "aeedc5158e66d7a6667a351a9c3c43e0494af01ed1409ff6e34c71bef3a174ae"
       }
     },
     {
@@ -891,7 +891,7 @@
       "description": "Mortar foundation badge, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Badge",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "status"],
@@ -936,8 +936,8 @@
         "states": []
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "c58d771411e272076f4f9b836dec4d4dda24d1fd9e0b363ec11dd7face7b6c7d"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "e2a911fdfba97c61230bcf6c52fcbd964362ff755e687df184c2b646205fdb05"
       }
     },
     {
@@ -947,7 +947,7 @@
       "description": "Mortar banner: a site-wide announcement bar with an optional link and dismiss button, in the inverse or default tone.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Banner",
       "source": "src/feedback.tsx",
       "capabilities": ["theme", "marketing", "keyboard"],
@@ -1032,8 +1032,8 @@
         "states": []
       },
       "integrity": {
-        "source": "7b8b6fad71588455683e8b70172a7d7ab8ad344fa90dcaa8eac6048689450589",
-        "preview": "a867904eb7fc52e005dc47950f2b3eb0052c0a2dcf77160558273c5cbe300ce1"
+        "source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
+        "preview": "59b8590a5c03a7ace438ad9e403bc63105ec94b16378f8e85df512b59e32d6bb"
       }
     },
     {
@@ -1043,7 +1043,7 @@
       "description": "Mortar marketing bento grid, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "BentoGrid",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -1114,8 +1114,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "c6cea9f582bb13b11c24b0cc8e88e243f6f7963d14229b288fda1d2ee00c53ea"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "459e66148c38548690db6e702fb59e399ad9a0cb8650e60b1edabd44a652fe16"
       }
     },
     {
@@ -1125,7 +1125,7 @@
       "description": "Mortar breadcrumbs: a trail to the current page with slash or chevron separators. PageHeading composes the same component.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Breadcrumbs",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "navigation"],
@@ -1176,8 +1176,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "2d7a9ad97a463aecae091642e164b0f9becb0de02d61f77a97834ccc78a3416e"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "e4655157f80f4c5f5850df2e59f2834ab25d2c32dc9f60b20775748b0552a7a1"
       }
     },
     {
@@ -1187,7 +1187,7 @@
       "description": "Mortar button group: a joined row of related actions, with icon-only and link items. Use SegmentedControl to choose a single value.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ButtonGroup",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "action", "keyboard"],
@@ -1232,8 +1232,8 @@
         "states": []
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "8b5811ab0e3f73f9fcc66bfc9338c1b942f87fdaf11269649308d540d039dc1e"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "4c55803079167f8210341695845e6944310aed859cf5c112b5987ad59ef6a4e4"
       }
     },
     {
@@ -1243,7 +1243,7 @@
       "description": "Mortar foundation button, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Button",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "action", "keyboard"],
@@ -1301,7 +1301,13 @@
         "usage": "Import { Button } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": [
+          "button",
+          "input[type=submit]",
+          "input[type=button]",
+          "input[type=reset]"
+        ]
       },
       "preview": {
         "source": "previews/ButtonPreview.tsx"
@@ -1313,8 +1319,8 @@
         "probe": "button"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "6d1e9b07068aec126a668cc8c7ce31f0a1e06e95657de98d4ee420c90ff655f2"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "376432f50af35a9a5080ccc79e34ca3f6b562fa8149c5268c4427ad7c882cbe7"
       }
     },
     {
@@ -1324,7 +1330,7 @@
       "description": "Mortar calendar: one current date shared by a month grid with keyboard navigation, a twelve-month year view with one roving tab stop, and week and day time grids where timed events sit on an hour scale and collapse to an agenda when narrow. An opt-in month agenda lists the selected day's meetings beside the month (below it when narrow). Dates are YYYY-MM-DD strings handled in UTC.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Calendar",
       "source": "src/calendar.tsx",
       "capabilities": ["theme", "application", "keyboard", "responsive"],
@@ -1469,8 +1475,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4bb0d203258e402a3b4433e7ed1b200d2041d61d154fb9fba83e66cfc4ca2f85",
-        "preview": "dbce129e3ff147bf8ae1cfb67a712608ae468b9bce8f807610f0d20e62c4e02c"
+        "source": "92d9fda343b8291de4536d325c66afb67eaf1101b793dfa61df5d86546e83849",
+        "preview": "ff5e407f78b927170e754f5f25453b28e06d5be3b38c0e1246b13f24eab74937"
       }
     },
     {
@@ -1480,7 +1486,7 @@
       "description": "Mortar marketing call to action, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "CallToAction",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -1551,8 +1557,8 @@
         "states": ["surface", "inverse"]
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "929a082498f6b946d3f877807823a83d1b0f413bd28511ac34d1a10992add37d"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "779298815f3195f6c04f516a1151c4b646eba953d4676bb19ae2d223cf799bb8"
       }
     },
     {
@@ -1562,7 +1568,7 @@
       "description": "Mortar documentation callout, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Callout",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs"],
@@ -1617,8 +1623,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "affb4a297f1452d0e215c45208a8954b395abf9883a938bf0b8045fa9918860c"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "09e6f87a90d4060d7fc6d0a194b03fa12401fc0e95a654f37f8bf37ca3c98ed8"
       }
     },
     {
@@ -1628,7 +1634,7 @@
       "description": "Mortar card: a bordered surface with optional heading, header actions, footer, compact padding and sunken tone.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Card",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "foundation"],
@@ -1716,8 +1722,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "12a5b028cade4fb7580e613152b43e273ba40101eac1a093cfc3b6a91bb6ae67"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "cfab5904c126e6a956c2fb26e3eb3884d07ba3b531478e6a4b0a58509fdbdbdb"
       }
     },
     {
@@ -1727,7 +1733,7 @@
       "description": "Mortar static chat conversation for marketing conversational products.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ChatPreview",
       "source": "src/showcase.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -1805,8 +1811,8 @@
         "states": []
       },
       "integrity": {
-        "source": "df1c991542ea895653a504cbb8e72a60d244a2f546ab5403c60cdd21b4bd3cb4",
-        "preview": "7c4d63fa650667d7524602a242848795405ba9a403c5e767e82ded1b6ee1791d"
+        "source": "0c7a141dc7c2e52386ad70c37fe6a009935229da6fb42b6664ef0af7df614918",
+        "preview": "cc5718c9b7ca8cecc7e8fc0dbd7de81fcf75fa7ba410de2c767b60244a7e2245"
       }
     },
     {
@@ -1816,7 +1822,7 @@
       "description": "Mortar check-marked list for features and plan inclusions.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "CheckList",
       "source": "src/display.tsx",
       "capabilities": ["theme", "foundation"],
@@ -1872,8 +1878,8 @@
         "states": []
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "9fe9c9580592b730540823acf5a5ed18dc4386beb5192875c941ba99190894b5"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "9e7dc665bc6cfd4cb7be9f6e8fda90790859e2af354f8f7282fb339fcbb8f4da"
       }
     },
     {
@@ -1883,7 +1889,7 @@
       "description": "Mortar foundation checkbox, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Checkbox",
       "source": "src/primitives.tsx",
       "capabilities": [
@@ -1927,7 +1933,8 @@
         "usage": "Import { Checkbox } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["input[type=checkbox]"]
       },
       "preview": {
         "source": "previews/CheckboxPreview.tsx"
@@ -1939,8 +1946,8 @@
         "probe": "checkbox"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "ff85eaf697850baa034cf516e3bc8501b266789f2f754b30bc1fe37b5fbaae78"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "8e5d68d5e17d18e94b27ef9de3d3627950aef25dbe148016a3bef0bee2cc3a0b"
       }
     },
     {
@@ -1950,7 +1957,7 @@
       "description": "Mortar application code block, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "CodeBlock",
       "source": "src/inspection.tsx",
       "capabilities": ["theme", "application"],
@@ -1995,8 +2002,8 @@
         "states": []
       },
       "integrity": {
-        "source": "8ff19b1cf00665047a58c15ae2a3d2f39f624f96cb15a8f886ddc6057e3ddb3c",
-        "preview": "f4196d3cce0947eaa0f1b0c393c2849ec8bb1ec66baf7951f3aff46ca3375c56"
+        "source": "1f44fa4547028176eb416ad2f3c95022e8eef888c0f9bf2b26d967cf19a94041",
+        "preview": "98653f8819cb8301b2b9972116e7a14c1e4852b12008d6546c2f2e0c3d3e844d"
       }
     },
     {
@@ -2006,7 +2013,7 @@
       "description": "Mortar one-time code field for email or phone verification and two-factor sign-in: one input with autocomplete=\"one-time-code\", shown as a cell per character, that accepts typing, paste and SMS or password-manager autofill.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "CodeInput",
       "source": "src/auth.tsx",
       "capabilities": [
@@ -2120,8 +2127,8 @@
         "probe": "code"
       },
       "integrity": {
-        "source": "058db397b0fea0713003b6bae791674b9214417e7c1ef1600164fc051d435e8a",
-        "preview": "5f33511f1a35da794240cab4d510629322b50cc2e4840fa49a5f9bced17a9947"
+        "source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
+        "preview": "9686e0dd21c9a22d69eb45b04d9307ef96d584873fcb29931dff23000d3633f1"
       }
     },
     {
@@ -2131,7 +2138,7 @@
       "description": "Mortar documentation code tabs, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "CodeTabs",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "keyboard"],
@@ -2203,8 +2210,8 @@
         "probe": "code-tabs"
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "5eda5af579fd5fa30228cb2343a04e5684e8d63df82964792ae701ccb59a0e55"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "85b10394aa3208c18629faaad82f56a7e44d99285796d850b6ea0a9f7ce19d41"
       }
     },
     {
@@ -2214,7 +2221,7 @@
       "description": "Mortar combobox: a searchable single select that filters options by label and announces when nothing matches.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Combobox",
       "source": "src/choice.tsx",
       "capabilities": ["theme", "foundation", "form", "keyboard"],
@@ -2301,8 +2308,8 @@
         "states": ["disabled", "error", "long"]
       },
       "integrity": {
-        "source": "11d62f9dff9c8f0de85af88b3d4210b527ee1b3d10247260c1ba9e2757ca6f3a",
-        "preview": "5ff95b2925ceeee3f0daf74b8dd5741953b309f9e48d775a7b094e1db6ea86a7"
+        "source": "af0a54c7feee07fd1b6a004c4fab0a790d3b7f82439dd3708f2004af76cc1334",
+        "preview": "c85ef9bd02ec24ec5b0cd13da905bb98e893c61d073adabd625f06432f9e522a"
       }
     },
     {
@@ -2312,7 +2319,7 @@
       "description": "Mortar application command palette, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "CommandPalette",
       "source": "src/workspace.tsx",
       "capabilities": ["theme", "application", "keyboard"],
@@ -2394,8 +2401,8 @@
         "probe": "dialog"
       },
       "integrity": {
-        "source": "72384c919a5f73b82f2e293821c557f3ee6fb7e1708debc4a14ccbc0f63f9440",
-        "preview": "dd131d4710bf6ae12a635555dcd99b6a72e1bbacce76a38af3d855cd5a5811a7"
+        "source": "1287ffd365b3aeea3b4a400937587fbf50e509de522ba90420fe7d4ca79bb4b4",
+        "preview": "f0d6138bc06be9a17efba82f8688053cc9db98b5b5bcafaf134042838b1da628"
       }
     },
     {
@@ -2405,7 +2412,7 @@
       "description": "Mortar comment composer: a labelled textarea in a box with an optional avatar, toolbar, Write/Preview tabs and character count; Ctrl/⌘+Enter submits and empty comments cannot be sent.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "CommentComposer",
       "source": "src/composer.tsx",
       "capabilities": ["theme", "application", "form", "keyboard"],
@@ -2521,8 +2528,8 @@
         "states": ["error"]
       },
       "integrity": {
-        "source": "33f743e3fafbc69fd1682e6e064db3bfe4985c1cd2bc615f66c53bb008608ba3",
-        "preview": "0d13a8cc832af43f894225dedbe306a127cc4e26a04718c9c642d99873f73c06"
+        "source": "f47a6a618526cc32177095a3945c25bd3844572629cdec40fe48f6d96e8c6411",
+        "preview": "93b19881980a95f9762c852868f180de89495c0aacc3fe77a415e2b4b87a0633"
       }
     },
     {
@@ -2532,7 +2539,7 @@
       "description": "Mortar application confirm dialog, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ConfirmDialog",
       "source": "src/feedback.tsx",
       "capabilities": ["theme", "application", "keyboard"],
@@ -2620,8 +2627,8 @@
         "probe": "dialog"
       },
       "integrity": {
-        "source": "7b8b6fad71588455683e8b70172a7d7ab8ad344fa90dcaa8eac6048689450589",
-        "preview": "b26999a70071239cd62665c3f65237c7ff697d16395282a22888c2acf91a793d"
+        "source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
+        "preview": "87eb2bfd52fd543338b8a2a50a78960a2cd55e8bdebdc6e470c3a23e2791be48"
       }
     },
     {
@@ -2631,7 +2638,7 @@
       "description": "Mortar marketing contact section, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ContactSection",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -2708,8 +2715,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "28840d0714fe62c1061e0075975ec71a8e010734c9d8550974e4cf5203931c29"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "458e03aff1426c5c6f4caaee82c45ee1ff865e38eacfc05c1502ec8ee6d1aea0"
       }
     },
     {
@@ -2719,7 +2726,7 @@
       "description": "Mortar page container with shared widths and gutters, replacing max-w/mx-auto/px utilities.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Container",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "foundation", "responsive"],
@@ -2776,8 +2783,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "2c12f031c7e5ca276bb9d5347cb4b940419a5acdc9f6539dae0762a95e10abe0"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "76a565118e718b929c1976e92a620427419c3edbd2c22ada00636d194b4b8726"
       }
     },
     {
@@ -2787,7 +2794,7 @@
       "description": "Mortar content section: long-form copy with optional media beside it, e.g. an about-page story.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ContentSection",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -2884,8 +2891,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "2a659ca04c69658771753dc1a30180441285fa2c39ee589267c5472c67c198f8"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "f46bf069bbccd5d120991d0b6371dc8eef5cb0524441ea8e744dea2df78bb664"
       }
     },
     {
@@ -2895,7 +2902,7 @@
       "description": "Mortar application data table, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "DataTable",
       "source": "src/application.tsx",
       "capabilities": [
@@ -2914,7 +2921,7 @@
       "contract": {
         "props": {
           "caption": "string",
-          "columns": "{ key: string; label: string; render: (row: T) => ReactNode; align?: start | end; sortable?: boolean; sortValue?: (row: T) => string | number | Date | null; width?: string; truncate?: boolean }[]",
+          "columns": "{ key: string; label: string; render: (row: T) => ReactNode; align?: start | end; sortable?: boolean; sortValue?: (row: T) => string | number | Date | null; width?: string; truncate?: boolean; priority?: high | medium | low; pin?: end }[]",
           "rows": "T[] where T extends { id: string }",
           "rowLabel": "(row: T) => string",
           "selectedIds": "string[] (may include rows on other pages; select all adds or removes only this page's rows)",
@@ -3036,10 +3043,15 @@
             "required": false
           }
         },
-        "usage": "Import { DataTable } from @tonycodes-ui/mortar. Without onSortChange, sortable columns sort rows locally (stable; empty values last). With onSortChange, order rows yourself (e.g. server-side) and pass sort. groupBy renders each group as its own tbody under a full-width header row spanning every column (selection included); groups keep their first-appearance order in rows and sorting applies within each group. Put Pagination in footer.",
+        "usage": "Import { DataTable } from @tonycodes-ui/mortar. Without onSortChange, sortable columns sort rows locally (stable; empty values last). With onSortChange, order rows yourself (e.g. server-side) and pass sort. groupBy renders each group as its own tbody under a full-width header row spanning every column (selection included); groups keep their first-appearance order in rows and sorting applies within each group. Put Pagination in footer. On narrow tables, give secondary columns priority \"medium\" (hidden below 480px of table width) or \"low\" (below 768px); the first column always shows, and truncated columns keep shrinking so the rest fits. Pin a row-actions column with pin: \"end\" so it stays visible while the table scrolls sideways.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": ["mortar-button", "mortar-empty-state", "mortar-notice"]
+        "dependencies": [
+          "mortar-button",
+          "mortar-empty-state",
+          "mortar-notice"
+        ],
+        "replaces": ["table"]
       },
       "preview": {
         "source": "previews/DataTablePreview.tsx"
@@ -3051,8 +3063,8 @@
         "probe": "table-sort"
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "a42be34e3a46addc518ab18a9076fe62db179542eacee7c9b91f82458f4c6c7f"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "5352164cfd034a6fdc14944e95313ccd0cce1fe5777c31ec621d484dd57a8a2c"
       }
     },
     {
@@ -3062,7 +3074,7 @@
       "description": "Mortar description list: label/value pairs for detail screens, in columns when wide and stacked when narrow, with optional row actions and a striped variant. Inside a Card body it drops its outer dividers, so a card with the title shows the list in a card.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "DescriptionList",
       "source": "src/display.tsx",
       "capabilities": ["theme", "application", "responsive"],
@@ -3134,8 +3146,8 @@
         "states": ["long"]
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "9d318e2774ea17c1efce3d077a639a11fcc92cb9ee65ba6035bba89464c53c6b"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "08074f93f15d6a1ba0b9764cf84ae4a199e7874874b563bb7adb74054d4d9989"
       }
     },
     {
@@ -3145,7 +3157,7 @@
       "description": "Mortar divider: a horizontal rule between groups, optionally labelled (for example \"Or continue with\").",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Divider",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "foundation"],
@@ -3196,8 +3208,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "25b01d569d85c1dbfe7c8964a95568af002fea40e105c298b28cb96d738aacba"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "c0128a3064618c62a3b0963f3bf94b4acd7387398022935053e2ad5d20c3843e"
       }
     },
     {
@@ -3207,7 +3219,7 @@
       "description": "Mortar documentation docs shell, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "DocsShell",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "keyboard", "responsive"],
@@ -3318,8 +3330,8 @@
         "probe": "navigation"
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "a930b646994714bcf83940e21ceafc5413b6572400fd6a393c3640b1c46d630c"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "f055fe0f6c4efc6c19e828516e77dd6b68823b251dd55b63570852d73276cb94"
       }
     },
     {
@@ -3329,7 +3341,7 @@
       "description": "Mortar foundation dropdown, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Dropdown",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "action", "keyboard"],
@@ -3402,8 +3414,8 @@
         "probe": "menu"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "10c27cc48913c500355e4f1b260ac42bf015c71513474f81905b6951d036b4c5"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "4557f99aa68e89acd494d70922d7e0d35516b61e47349bf8346643731e479dda"
       }
     },
     {
@@ -3413,7 +3425,7 @@
       "description": "Mortar foundation empty state, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "EmptyState",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation"],
@@ -3494,8 +3506,8 @@
         "states": []
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "8b6ae485773beecb9becf663ef219de07751f2a9c32e6fc6461bf0ad6cd6d451"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "7c6582d36eef8c2a82ff1bb2d36bd5fc36adf2ec3b127db31096ce463cb7fd35"
       }
     },
     {
@@ -3505,7 +3517,7 @@
       "description": "Mortar foundation error summary: the problems that stopped a form submitting, each linking to its field.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ErrorSummary",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "validation", "keyboard"],
@@ -3573,8 +3585,8 @@
         "probe": "error-summary"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "e7ca6c02d7b887e0f5bb455359f45fdc385bf2bbe9a5a5c54783c74f897cd137"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "b5b0c6f106d39052e5c0ef0b1ae3f83c1e4e2cdbfc5e00e900c870917b931583"
       }
     },
     {
@@ -3584,7 +3596,7 @@
       "description": "Mortar marketing faq, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "FAQ",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "keyboard"],
@@ -3651,8 +3663,8 @@
         "probe": "faq"
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "f21cac9449616a12f1ea025c637a25473c287490173be2876ee799336f596db6"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "083ccd9dc0b76b3be2a869e8c80ba20e049176889ea266e92264061f308b0d02"
       }
     },
     {
@@ -3662,7 +3674,7 @@
       "description": "Mortar marketing feature grid, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "FeatureGrid",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -3744,8 +3756,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "baa3dca599c5877123afba68391fe983daa5fe2915cd11ccc191776d31fda029"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "819c1d155365a9edcecc4b0a53a6adaf7f56fc372028f16d662a8458976f6a14"
       }
     },
     {
@@ -3755,7 +3767,7 @@
       "description": "Mortar marketing feature section, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "FeatureSection",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -3849,8 +3861,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "a14b150e326695cd027883230bd3aeba30e54d008c89096896198d2640107b8a"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "92e43ea1d77a6b3a5e92e1510b01f31197e9a64da1fa3d419859369ef343836d"
       }
     },
     {
@@ -3860,7 +3872,7 @@
       "description": "Mortar fieldset: groups related fields under a legend and description; disabled disables every control inside.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Fieldset",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "form"],
@@ -3914,8 +3926,8 @@
         "states": ["disabled"]
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "6e1c38a03449212be85b8fdafd715dc49c5c18698cb9660dd791f2a9295e02d0"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "ed594501b49b0a5e95e45eb36708c7ab769f1585dc04e20e911c7184ba55b18d"
       }
     },
     {
@@ -3925,7 +3937,7 @@
       "description": "Mortar documentation file tree, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "FileTree",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs"],
@@ -3974,8 +3986,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "d1d2bc5c4eca5fddd742ff667113157dc00e011a243a3b8824e3315d71079028"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "626be0c4fb18fe80906b1782f511418acef8d5300e6e5dd1552936c8f34d80d1"
       }
     },
     {
@@ -3985,7 +3997,7 @@
       "description": "Mortar foundation filter chip, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "FilterChip",
       "source": "src/display.tsx",
       "capabilities": ["theme", "foundation", "keyboard"],
@@ -4041,8 +4053,8 @@
         "probe": "chip"
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "8f1383b61679bef58c750a0115a27c3ed2d4b7e303609612c1ca95ae4c32c98c"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "2416ecf4ee76f6708080cc099daaa79bdce44ff736277ec4f609894a3a4793a2"
       }
     },
     {
@@ -4052,7 +4064,7 @@
       "description": "Mortar marketing footer, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Footer",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -4065,8 +4077,8 @@
       "contract": {
         "props": {
           "brand": "string",
-          "description": "string",
-          "columns": "ItemGroup<LinkAction>[] ({ label; items }; the label is the column heading and its navigation name)",
+          "description": "string (optional)",
+          "columns": "ItemGroup<LinkAction>[] (optional; { label; items }; the label is the column heading and its navigation name)",
           "copyright": "string",
           "legal": "LinkAction[]",
           "logo": "ReactNode",
@@ -4075,7 +4087,7 @@
           "id": "string (the root element's id, e.g. an in-page link target)",
           "className": "string (layout only: margins or grid placement)",
           "itemHeadingLevel": "1 | 2 | 3 | 4 | 5 | 6 (default 2); the column headings",
-          "layout": "\"columns\" | \"center\" (default \"columns\"; center stacks the brand, one row of links per column and the social links, all centred, and the column label only names its navigation)",
+          "layout": "\"columns\" | \"center\" | \"inline\" (default \"columns\"; center stacks the brand, one row of links per column and the social links, all centred; inline is one compact row of brand, description, note, links, social links, copyright and legal links that wraps without changing reading order. Centred or inline, the column label only names its navigation)",
           "newsletter": "ReactNode (a signup row above the copyright, usually a Newsletter; inside the footer it loses its section padding and rule)"
         },
         "propTypes": {
@@ -4089,7 +4101,8 @@
           },
           "columns": {
             "type": "ItemGroup<LinkAction>[]",
-            "required": true
+            "required": false,
+            "default": "[]"
           },
           "copyright": {
             "type": "string",
@@ -4097,7 +4110,7 @@
           },
           "description": {
             "type": "string",
-            "required": true
+            "required": false
           },
           "id": {
             "type": "string",
@@ -4109,7 +4122,7 @@
             "default": "2"
           },
           "layout": {
-            "type": "\"center\" | \"columns\"",
+            "type": "\"center\" | \"columns\" | \"inline\"",
             "required": false,
             "default": "\"columns\""
           },
@@ -4150,8 +4163,8 @@
         "states": ["heading-3"]
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "4205a50fa3a8f02379bfba6e4d8f47cccd171736f96c147e2534847559434b1e"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "c0bb5503836baf43abe0476a1e03fc2e249edb210da06c32e785605ad309a7e9"
       }
     },
     {
@@ -4161,7 +4174,7 @@
       "description": "Mortar grid list: a responsive grid of cards for people, projects, clients or files, with avatar or cover media, metadata, term/value details and actions (inline or split into equal cells with shared borders); a linked title makes the whole card clickable.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "GridList",
       "source": "src/display.tsx",
       "capabilities": ["theme", "application", "responsive"],
@@ -4223,8 +4236,8 @@
         "states": []
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "984cd10f7390a43211dc96165d5b3dea24a8e3186d72111653db7855d4bf226c"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "a87de1926f732e9de2a785538532e12d6030598a8e0b1c624ab5c1336bb1075c"
       }
     },
     {
@@ -4234,7 +4247,7 @@
       "description": "Mortar header section: an intro band for inner pages with eyebrow, h1 title, description, inline links and stats, in default, muted or inverse tone.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "HeaderSection",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -4318,8 +4331,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "795e48ee14ebd44b3bf2b2e1204eb2135d5bc2f3109e60224f1fcf2d57010f17"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "8ef19701fc8fc500d53bae39ba05c556123a618279ea92a7796fb064ded304c1"
       }
     },
     {
@@ -4329,7 +4342,7 @@
       "description": "Mortar marketing hero, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Hero",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -4352,7 +4365,10 @@
           "className": "string (layout only: margins or grid placement)",
           "layout": "\"center\" | \"split\" | \"angled\" (default center). angled: copy beside an image (children) that fills the end half to the edge on a slant",
           "images": "ReactNode[] (image tiles shown as a staggered collage beside or below the copy; use instead of children)",
-          "tone": "\"default\" | \"accent\" (default \"default\"; accent: a full-bleed band of the brand's accent fill, its gradient when it defines one, with on-accent copy and actions; the preview keeps the page's colours; a background takes precedence)"
+          "tone": "\"default\" | \"accent\" (default \"default\"; accent: a full-bleed band of the brand's accent fill, its gradient when it defines one, with on-accent copy and actions; the preview keeps the page's colours; a background takes precedence)",
+          "emphasis": "string (a phrase in the title to emphasise: its first occurrence renders as <em class=\"m-emphasis\"> inside the one heading, in the brand's link colour; a phrase not in the title is ignored, so the title stays a plain string)",
+          "note": "ReactNode (short supporting content below the actions, such as a note or a Notice)",
+          "wide": "\"copy\" | \"preview\" (split only: the column that takes three fifths of the width; omitted, the columns are even; narrow screens stack them)"
         },
         "propTypes": {
           "actions": {
@@ -4376,6 +4392,10 @@
             "type": "string",
             "required": true
           },
+          "emphasis": {
+            "type": "string",
+            "required": false
+          },
           "eyebrow": {
             "type": "string",
             "required": false
@@ -4399,6 +4419,10 @@
             "required": false,
             "default": "\"center\""
           },
+          "note": {
+            "type": "ReactNode",
+            "required": false
+          },
           "title": {
             "type": "string",
             "required": true
@@ -4407,6 +4431,10 @@
             "type": "\"accent\" | \"default\"",
             "required": false,
             "default": "\"default\""
+          },
+          "wide": {
+            "type": "\"copy\" | \"preview\"",
+            "required": false
           }
         },
         "usage": "Import { Hero } from @tonycodes-ui/mortar. Compose with the public typed props.",
@@ -4423,8 +4451,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "7b32f441e585007a5922ad6d254623c17a389ab5e0b71b78b6a00f33531555bb"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "f31ff123925656df266edb47e83596962bb1bc5dca0e39d30c4b41c255e293e9"
       }
     },
     {
@@ -4434,7 +4462,7 @@
       "description": "Mortar foundation input, using central semantic tokens. Supports text prefix/suffix add-ons, decorative leading/trailing icons and an attached action button.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Input",
       "source": "src/primitives.tsx",
       "capabilities": [
@@ -4503,7 +4531,8 @@
         "usage": "Import { Input } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["input"]
       },
       "preview": {
         "source": "previews/InputPreview.tsx"
@@ -4515,8 +4544,8 @@
         "probe": "input"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "4530bdaef54a86768e301c0f52195234e875b881c793e6296b80b3cdb64e399a"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "8eb748892c8afccd4b71213d9d03365d7ba3a895c40abc4e180c27eb72d999dd"
       }
     },
     {
@@ -4526,7 +4555,7 @@
       "description": "Mortar foundation kbd, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Kbd",
       "source": "src/display.tsx",
       "capabilities": ["theme", "foundation"],
@@ -4565,8 +4594,8 @@
         "states": []
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "9bf27622e8a9fadba1dc26a5da213ff7310917266265a622201ef54180e1a3bc"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "4371cb21b13ec85dfafb53e9fb28f31515208b7076f5b169447c45aecb09cb93"
       }
     },
     {
@@ -4576,7 +4605,7 @@
       "description": "Mortar documentation link cards, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "LinkCards",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "responsive"],
@@ -4620,8 +4649,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "f951f53ae9738f823ebe377cb11d1ed2a8fc674dc1bb828cf7398745769a4ded"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "a6a3ca0130f7de96293dc665b95a58b49b11285a36cfb92cda1c9a664f510acd"
       }
     },
     {
@@ -4631,7 +4660,7 @@
       "description": "Mortar listbox: a styled single select for rich options with avatars, descriptions and disabled items. Use Select for plain native choices.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Listbox",
       "source": "src/choice.tsx",
       "capabilities": ["theme", "foundation", "form", "keyboard"],
@@ -4713,8 +4742,8 @@
         "states": ["disabled", "error", "long"]
       },
       "integrity": {
-        "source": "11d62f9dff9c8f0de85af88b3d4210b527ee1b3d10247260c1ba9e2757ca6f3a",
-        "preview": "e199cf9d1442c3e3eaf584b53122fac094e5ae6d9995336e00c2b4cc58e154bd"
+        "source": "af0a54c7feee07fd1b6a004c4fab0a790d3b7f82439dd3708f2004af76cc1334",
+        "preview": "c610c52f5bb38c6decb9230af5710c6fe912d8e8a2253e8c0f9ce837fc9474ce"
       }
     },
     {
@@ -4724,7 +4753,7 @@
       "description": "Mortar marketing logo cloud, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "LogoCloud",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -4801,8 +4830,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "df343124d14ec0230d0c9b59fb98b038767d90f86c172b20c8537902f25ef682"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "7f9feceb022a9ed0720ce3b729182b6cac68619eb5d7af71b4ff845cb8d1cadd"
       }
     },
     {
@@ -4812,7 +4841,7 @@
       "description": "Mortar marketing marketing header, using central semantic tokens. Link groups open a flyout panel (Headless UI Popover).",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "MarketingHeader",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "keyboard", "responsive"],
@@ -4825,6 +4854,7 @@
       "contract": {
         "props": {
           "brand": "string",
+          "tagline": "string (a short descriptor beside the wordmark, outside the home link so the link's name stays the brand; hidden at 560px and narrower)",
           "homeHref": "string",
           "links": "HeaderLink[] (LinkAction | { label: string; items: FlyoutItem[]; footer?: LinkAction[]; layout?: \"list\" | \"columns\" | \"full\" }; a group's layout picks its flyout: list (default) one column, columns a wider two-column panel, full a panel as wide as the viewport allows (up to 1248px) with up to four columns; footer is a row of actions under the items)",
           "action": "LinkAction",
@@ -4878,6 +4908,10 @@
             "type": "\"inline\" | \"panel\"",
             "required": false,
             "default": "\"inline\""
+          },
+          "tagline": {
+            "type": "string",
+            "required": false
           }
         },
         "usage": "Import { MarketingHeader } from @tonycodes-ui/mortar. Compose with the public typed props.",
@@ -4895,8 +4929,79 @@
         "probe": "navigation"
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "716c9fe8f54c04c81de83c7b27339df1f4ecf5381238d23c5d5a697e59d10f72"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "09139b310dae68cd445f6d8754f1562a618b150be3bdd3c87ae5a521eebbe733"
+      }
+    },
+    {
+      "id": "mortar-marketing-page",
+      "logicalId": "marketing-page",
+      "name": "MarketingPage",
+      "description": "Mortar public page shell: header, a main region that fills the viewport, and footer.",
+      "stack": "react-tailwind",
+      "package": "@tonycodes-ui/mortar",
+      "version": "0.13.0",
+      "export": "MarketingPage",
+      "source": "src/marketing.tsx",
+      "capabilities": ["theme", "marketing", "responsive"],
+      "owner": "Mortar maintainers",
+      "kitId": "marketing",
+      "provenance": {
+        "kitId": "marketing",
+        "exampleId": "mortar-marketing-reference"
+      },
+      "contract": {
+        "props": {
+          "header": "ReactNode (usually a MarketingHeader)",
+          "footer": "ReactNode (usually a Footer)",
+          "children": "ReactNode (the page's sections, rendered in <main>)",
+          "align": "\"start\" | \"center\" (default \"start\"; center centres the content in the space between header and footer, for a single hero)",
+          "id": "string (the root element's id)",
+          "className": "string (layout only: margins or grid placement)"
+        },
+        "propTypes": {
+          "align": {
+            "type": "\"center\" | \"start\"",
+            "required": false,
+            "default": "\"start\""
+          },
+          "children": {
+            "type": "ReactNode",
+            "required": true
+          },
+          "className": {
+            "type": "string",
+            "required": false
+          },
+          "footer": {
+            "type": "ReactNode",
+            "required": false
+          },
+          "header": {
+            "type": "ReactNode",
+            "required": false
+          },
+          "id": {
+            "type": "string",
+            "required": false
+          }
+        },
+        "usage": "Import { MarketingPage } from @tonycodes-ui/mortar. Pass a MarketingHeader as header, a Footer as footer and the sections as children. The page is at least the viewport's height; the main region grows and longer content scrolls, never clips.",
+        "avoid": "Do not copy implementations, override central colours or grant component approval. Do not set a fixed height on the page or its sections.",
+        "accessibility": "Renders one <main> landmark between the header and footer, in reading order. Do not nest another main. The root element exposes data-m-component for tests and consumers. It is not a styling hook.",
+        "dependencies": []
+      },
+      "preview": {
+        "source": "previews/MarketingPagePreview.tsx"
+      },
+      "testing": {
+        "profile": "composite",
+        "target": ".m-marketing-page",
+        "states": []
+      },
+      "integrity": {
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "23a1cc1039ebe0bb90c1664b42db1d9ed88adb7151eed04f58a34d9d83829443"
       }
     },
     {
@@ -4906,7 +5011,7 @@
       "description": "Mortar media object: an image, avatar or icon beside text, aligned to the top or centre and optionally reversed.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "MediaObject",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "foundation"],
@@ -4967,8 +5072,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "91daa0aa044894e6b7111b48f0bf4f1e93dfad19382e3c977bd00636079ef858"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "6caf09863a979ba7b0c747e250ddc1732094bd35c691369856c9383acb77600d"
       }
     },
     {
@@ -4978,7 +5083,7 @@
       "description": "Mortar application metric group with optional icons, previous values and trend arrows; shared borders by default or separate cards, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "MetricGroup",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "summary"],
@@ -5028,8 +5133,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "31f52b14abf2ee847baf2ca48065a5db112b113589e0a87257c6999c2ef8ba8a"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "0dfc671661d542e636cd677f3bb1f6c66de8a64e9dfb6ae8b7af33c77907a223"
       }
     },
     {
@@ -5039,7 +5144,7 @@
       "description": "Mortar framed product mock for hero and feature illustrations.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "MockWindow",
       "source": "src/showcase.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -5099,8 +5204,8 @@
         "states": []
       },
       "integrity": {
-        "source": "df1c991542ea895653a504cbb8e72a60d244a2f546ab5403c60cdd21b4bd3cb4",
-        "preview": "f3f1bf09041e54d3b27578952010d24c2e5778c39c9e9bf8f018916154a3f8f9"
+        "source": "0c7a141dc7c2e52386ad70c37fe6a009935229da6fb42b6664ef0af7df614918",
+        "preview": "985e94225726a114a2782d4d46e8800009ebe783dab4095011f4c6cfa41c2bb2"
       }
     },
     {
@@ -5110,7 +5215,7 @@
       "description": "Mortar foundation modal, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Modal",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "keyboard"],
@@ -5164,7 +5269,8 @@
         "usage": "Import { Modal } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": ["mortar-button"]
+        "dependencies": ["mortar-button"],
+        "replaces": ["dialog"]
       },
       "preview": {
         "source": "previews/ModalPreview.tsx"
@@ -5176,8 +5282,8 @@
         "probe": "dialog"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "3a42e025effc70bd47e7e9b562d059543567d615bc26412680de4e1656b17d1d"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "01ab5b5a060ba6934c7c4c3600908532ee48ad5982ccade9ae59826ac0a69332"
       }
     },
     {
@@ -5187,7 +5293,7 @@
       "description": "Mortar navbar: horizontal application navigation with brand, current-page indicator and actions, collapsing into a disclosure menu on narrow screens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Navbar",
       "source": "src/application.tsx",
       "capabilities": [
@@ -5208,10 +5314,11 @@
           "brand": "string",
           "logo": "ReactNode",
           "homeHref": "string",
-          "items": "LinkItem[] ({ label: string; href: string; current?: boolean; count?: number | string; icon?: ReactNode }; no sub-menus)",
+          "items": "NavbarItem[] (LinkItem { label: string; href: string; current?: boolean; count?: number | string; icon?: ReactNode }, or a group { label: string; items: FlyoutItem[] } opens a dropdown panel of links ({ label; href; description?; icon?; current? }); a group holding the current page is marked current, and on narrow screens it opens inside the menu)",
           "actions": "ReactNode",
           "label": "string",
-          "className": "string"
+          "className": "string",
+          "tone": "\"default\" | \"inverse\" | \"accent\" (default \"default\"; the bar's surface. inverse: the other appearance, through the inverse token remap. accent: the brand's accent fill, its gradient when it defines one, with on-accent links, focus and actions. Dropdown panels keep the page's colours)"
         },
         "propTypes": {
           "actions": {
@@ -5232,7 +5339,7 @@
             "default": "\"/\""
           },
           "items": {
-            "type": "LinkItem[]",
+            "type": "NavbarItem[]",
             "required": true
           },
           "label": {
@@ -5243,6 +5350,10 @@
           "logo": {
             "type": "ReactNode",
             "required": false
+          },
+          "tone": {
+            "type": "\"accent\" | \"default\" | \"inverse\"",
+            "required": false
           }
         },
         "usage": "Import { Navbar } from @tonycodes-ui/mortar. Compose with the public typed props.",
@@ -5257,11 +5368,116 @@
         "profile": "composite",
         "target": ".m-navbar",
         "probe": "navbar",
+        "states": ["inverse"]
+      },
+      "integrity": {
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "1cce43ba4d9e1ce7f5603515f20046c3b7ff95016f88490a4cb273419a079101"
+      }
+    },
+    {
+      "id": "mortar-network-illustration",
+      "logicalId": "network-illustration",
+      "name": "NetworkIllustration",
+      "description": "Mortar network drawing: nodes and connections from data, with optional travelling signals and accessible motion controls.",
+      "stack": "react-tailwind",
+      "package": "@tonycodes-ui/mortar",
+      "version": "0.13.0",
+      "export": "NetworkIllustration",
+      "source": "src/illustration.tsx",
+      "capabilities": ["theme", "marketing", "keyboard", "responsive"],
+      "owner": "Mortar maintainers",
+      "kitId": "marketing",
+      "provenance": {
+        "kitId": "marketing",
+        "exampleId": "mortar-marketing-reference"
+      },
+      "contract": {
+        "props": {
+          "nodes": "NetworkNode[] ({ id: string; x: number; y: number; label?: string; tone?: \"default\" | \"accent\" }; x and y are viewBox units; label is drawn under the node)",
+          "connections": "NetworkConnection[] ({ from: string; to: string; signal?: boolean; duration?: number; delay?: number }; straight lines between node ids, skipped when either id is unknown; signal defaults to true; duration and delay are seconds and override the illustration's timing)",
+          "width": "number (default 480; the viewBox width, the drawing scales to its container)",
+          "height": "number (default 320; the viewBox height)",
+          "label": "string (makes the drawing informative: an image named by this text; omitted, the drawing is decorative and hidden from assistive technology)",
+          "description": "string (with a label, a longer description linked by aria-describedby)",
+          "motion": "\"auto\" | \"static\" (default \"auto\"; static draws the same nodes and connections with no signals and no control)",
+          "duration": "number (default 3; seconds for a signal to cross a connection; signals without a delay are staggered evenly)",
+          "paused": "boolean (the user's pause; pass with onPausedChange to control it or share one state between illustrations)",
+          "onPausedChange": "(paused: boolean) => void (called when the pause control is used)",
+          "id": "string (the root element's id)",
+          "className": "string (layout only: margins or grid placement)"
+        },
+        "propTypes": {
+          "className": {
+            "type": "string",
+            "required": false
+          },
+          "connections": {
+            "type": "NetworkConnection[]",
+            "required": true
+          },
+          "description": {
+            "type": "string",
+            "required": false
+          },
+          "duration": {
+            "type": "number",
+            "required": false,
+            "default": "3"
+          },
+          "height": {
+            "type": "number",
+            "required": false,
+            "default": "320"
+          },
+          "id": {
+            "type": "string",
+            "required": false
+          },
+          "label": {
+            "type": "string",
+            "required": false
+          },
+          "motion": {
+            "type": "\"auto\" | \"static\"",
+            "required": false,
+            "default": "\"auto\""
+          },
+          "nodes": {
+            "type": "NetworkNode[]",
+            "required": true
+          },
+          "onPausedChange": {
+            "type": "(paused: boolean) => void",
+            "required": false
+          },
+          "paused": {
+            "type": "boolean",
+            "required": false
+          },
+          "width": {
+            "type": "number",
+            "required": false,
+            "default": "480"
+          }
+        },
+        "usage": "Import { NetworkIllustration } from @tonycodes-ui/mortar. Supply nodes and connections as data, for example beside a split Hero. Colours come from tokens: nodes use the surface and strong line, accent nodes and signals the brand accent, labels the secondary text colour.",
+        "avoid": "Do not copy implementations, override central colours or grant component approval. Do not present the animation as live activity or status; it is illustrative. Do not use it as an interactive graph or editor.",
+        "accessibility": "Decorative by default (aria-hidden SVG). With a label it is one image (role=\"img\") named by its title and described by its description. When signals move, a visible Pause animation / Play animation button controls them. Motion stops automatically when reduced motion is requested (the static drawing, with no control), while the document is hidden and while the drawing is off screen; returning never overrides the user's pause. Nothing is announced as live. The root exposes data-paused (user, motion, hidden or offscreen) while signals are stopped, and data-m-component for tests and consumers; neither is a styling hook.",
+        "dependencies": []
+      },
+      "preview": {
+        "source": "previews/NetworkIllustrationPreview.tsx"
+      },
+      "testing": {
+        "profile": "composite",
+        "target": ".m-network",
+        "probe": "network",
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "0ae24195f484070807bc80dcc1ea2002eeb82d19a4c461e4e2915d39d78d1003"
+        "source": "0300bdbe2236135bd0523c2a2a71c66507ebf30d010e7905f97157e170f9106f",
+        "preview": "7c62319f79a72ac3e218c154e4b4a05859a71eee19b1ab7a9848813c6c7eaedd"
       }
     },
     {
@@ -5271,7 +5487,7 @@
       "description": "Mortar marketing newsletter, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Newsletter",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "keyboard"],
@@ -5361,8 +5577,8 @@
         "probe": "newsletter"
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "7982be39dab2c1a83b2f1a78ba3b16056239226e22a60f7ac02220318e126086"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "bef8b2782f404e23b5227feddea478b680051bfab4ddb5c3a7a483c8cfb5cef4"
       }
     },
     {
@@ -5372,7 +5588,7 @@
       "description": "Mortar marketing not found, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "NotFound",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -5448,8 +5664,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "74dbfeb6126737ecf292a45fa1f1873b80d41a8efd7074cc28960cd5a1a757df"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "94e8436b5ce353c23329dcf8cfe21b45f24563344e7abf681d09a5cd69bb41e3"
       }
     },
     {
@@ -5459,7 +5675,7 @@
       "description": "Mortar foundation notice, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Notice",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "status", "keyboard"],
@@ -5536,8 +5752,8 @@
         "probe": "notice"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "db261e1d6f9ad052f5dc5de12504ea8ccabf4c49ce556e6beed077e19d0babe9"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "53cce1edf3003f176d0c941cbf0c513297485909da5d6a672a14967f151601ec"
       }
     },
     {
@@ -5547,7 +5763,7 @@
       "description": "Mortar order history: past orders with number, date, total, status, line items and a View order link, plus optional order-level and per-item quick actions and an optional delivery tracker (ProgressSteps bar: placed, processing, shipped, delivered); empty state when there are none.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "OrderHistory",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce", "responsive"],
@@ -5603,8 +5819,8 @@
         "states": ["empty"]
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "1e4cddbcbec1b07ddffb1a9c961d0b0cfec41b8ccaf95b075a19ef0a328f60c6"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "f2001f863393f076f8abe2755eccd5ce94458a966e6ba124b5dff901b35f8ace"
       }
     },
     {
@@ -5614,7 +5830,7 @@
       "description": "Mortar order summary: cost lines with optional hints explaining estimates, a distinguished total and a checkout action.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "OrderSummary",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce"],
@@ -5685,8 +5901,8 @@
         "states": []
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "73a404cf7adba256f3af5ec220158563268111c95e049725a060ada1fbb34df2"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "da7a1e9f5c0156fe1b96acf20c94223cca85ef65832c91d59bd2eb90f04aa046"
       }
     },
     {
@@ -5696,7 +5912,7 @@
       "description": "Mortar documentation page feedback, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "PageFeedback",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "keyboard"],
@@ -5757,8 +5973,8 @@
         "probe": "feedback"
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "e3b750d2351c2aa1e6fc6f85f2398097f8c6960ba33ca5599e9b91d589eb16a4"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "18cd1ed011c7682db7241cf5f3fa8e6ec374cf0c6dd477bdf05f45042f7bab9f"
       }
     },
     {
@@ -5768,7 +5984,7 @@
       "description": "Mortar application page heading, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "PageHeading",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "responsive"],
@@ -5849,8 +6065,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "54b6785f6afd6aad5c3823b88ab6b362a52e3cc4e686a0b053059042240e5119"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "8511699198d74009f18d2ecda64e70a86e8a12ab98e718e3e868148d6db05200"
       }
     },
     {
@@ -5860,7 +6076,7 @@
       "description": "Mortar documentation pager links, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "PagerLinks",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "responsive"],
@@ -5915,8 +6131,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "b3e278e4064204f5b2452da543cbdfe78d7998d40c111ad0bcfc9ae6a62b906b"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "3f1859938800a78a4117c0062500f43b667056aa5b9b2c8bdcf30a477f0d0e4c"
       }
     },
     {
@@ -5926,7 +6142,7 @@
       "description": "Mortar application pagination, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Pagination",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "keyboard"],
@@ -5993,8 +6209,8 @@
         "probe": "pagination"
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "905f2f0c385237bc2443c056d8ee9750d7a879d6ffdec02fbc1662d85e527eb9"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "6037a09b251b839986cc6847b86003fdc630f57866bde9e303ef3a4c505a7142"
       }
     },
     {
@@ -6004,7 +6220,7 @@
       "description": "Mortar password field for sign-in, sign-up and reset screens: a show/hide toggle that keeps focus, the right autocomplete for current or new passwords, an optional live requirement checklist and a strength meter.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "PasswordInput",
       "source": "src/auth.tsx",
       "capabilities": [
@@ -6070,7 +6286,8 @@
         "usage": "Import { PasswordInput } from @tonycodes-ui/mortar. Use it for every password field instead of Input type=\"password\". Sign-in: purpose=\"current\" (the default, autocomplete=\"current-password\"). Sign-up and reset: purpose=\"new\" (autocomplete=\"new-password\"), with every rule the server enforces listed in requirements from the start and marked met as the person types; add strength from a real estimator. Pair it with a username or email field that has autocomplete=\"username\" or \"email\" in the same form so password managers save both. For a confirm field, use a second PasswordInput purpose=\"new\" and validate the match on submit. See docs/auth-flows.md.",
         "avoid": "Do not block paste, hide password rules until a failed submit, or add your own show/hide button. Do not copy implementations or override central colours.",
         "accessibility": "The toggle is a button named \"Show password\" with aria-pressed, controls the field and keeps focus. Requirements are a named list that describes the field, each item ending in \"met\" or \"not met\"; a polite status announces only when every requirement becomes met (or stops being met), not on each keystroke. The strength meter is role=\"meter\" with the label as its value text.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["input[type=password]"]
       },
       "preview": {
         "source": "previews/PasswordInputPreview.tsx"
@@ -6082,8 +6299,8 @@
         "probe": "password"
       },
       "integrity": {
-        "source": "058db397b0fea0713003b6bae791674b9214417e7c1ef1600164fc051d435e8a",
-        "preview": "f944725bd2a687e47bd9d337aa3fdda54878e2adb09d78d11a3af38f9259aa3d"
+        "source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
+        "preview": "34d20ea55e9311a91b7251e6d7f2d918e895811497da67c4a6bae9e908d855e2"
       }
     },
     {
@@ -6093,7 +6310,7 @@
       "description": "Mortar marketing plan comparison, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "PlanComparison",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "keyboard", "responsive"],
@@ -6163,8 +6380,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "016eaf1b938572607a882b4a2ce5b96a9436dc57e60ae8a2246a48c63647d23f"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "33f155b502734d576d49be6ca33cf63e239d9c20693812cf25116abdeb9b0753"
       }
     },
     {
@@ -6174,7 +6391,7 @@
       "description": "Mortar marketing post list, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "PostList",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -6244,8 +6461,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "bdab7ce3e6b94d74bfd89b2697c8d57423234b7d2e7d780ecd30a9e014cfd669"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "12a44ac18a91c6dd1e748defb32d08131ae4ece82db9c3bdb63cd2215c8398ed"
       }
     },
     {
@@ -6255,7 +6472,7 @@
       "description": "Mortar application preview frame, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "PreviewFrame",
       "source": "src/inspection.tsx",
       "capabilities": ["theme", "application", "responsive"],
@@ -6304,8 +6521,8 @@
         "states": []
       },
       "integrity": {
-        "source": "8ff19b1cf00665047a58c15ae2a3d2f39f624f96cb15a8f886ddc6057e3ddb3c",
-        "preview": "6d4a5eaf4af64e463fe6f05b1068dc2f2e502c31c14a04bd174d0997431c4a63"
+        "source": "1f44fa4547028176eb416ad2f3c95022e8eef888c0f9bf2b26d967cf19a94041",
+        "preview": "7009e0cb466aa641d62d731a1a34b1e5b1c6b6ce3f854d88cd87165b1f6503b3"
       }
     },
     {
@@ -6315,7 +6532,7 @@
       "description": "Mortar marketing pricing, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Pricing",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "keyboard"],
@@ -6404,8 +6621,8 @@
         "probe": "pricing"
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "72ed68229afef2bcf8d5e692183f2a39a5e2595c97aa11537d0e97f4edf1ab34"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "12977636bc65a59714ea3647e78ae934ecfe767462571819f8737ed1f8295ce8"
       }
     },
     {
@@ -6415,7 +6632,7 @@
       "description": "Mortar connected, numbered how-it-works sequence for marketing pages.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProcessSteps",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -6486,8 +6703,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "521fd4a09f7e7dac6477f1286ba38330fd55ec83e738a4502b63cc35d3659c8a"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "c4a64015b6959ba64522a5a79f82e64ef1b39ab441d773e639b92590aab1e5ea"
       }
     },
     {
@@ -6497,7 +6714,7 @@
       "description": "Mortar product filters: collapsible checkbox facets with counts and removable chips for active filters, with Clear all. Every change calls onChange once with the complete next selection.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProductFilters",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce", "keyboard"],
@@ -6558,8 +6775,8 @@
         "states": []
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "4d12509521262056f5c161c146f034ee54d2bb97b1d9b0169bf57edb383eb899"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "6e24cf67a5f19fcb680558098dc35c062c3ac5be51249fed11d1b34c6cd1839b"
       }
     },
     {
@@ -6569,7 +6786,7 @@
       "description": "Mortar product list: a responsive grid of product cards with image, name, variant, price and badge; the name link covers the card. Opt-in cards variant with supporting text, colour swatches (consumer-supplied colours, announced by label) and a per-card action, and an overlay variant that sets the name and price on a panel over the image.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProductList",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce", "responsive"],
@@ -6636,8 +6853,8 @@
         "states": []
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "fa91a58ffafb9d333d9ad22b56d1ea252e4b79d173d054ed296484a5b539f6b7"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "2a64d3581965b81e68f16f13a4c591dfcad3043b802a46c2742e8a791dc8998d"
       }
     },
     {
@@ -6647,7 +6864,7 @@
       "description": "Mortar product overview: gallery with selectable thumbnails (or an opt-in image grid showing every image), price, rating, option pickers (native radios, with colour swatches), add to bag and highlights.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProductOverview",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce", "keyboard", "responsive"],
@@ -6770,8 +6987,8 @@
         "states": []
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "e8a3325de77e7023365d728536dea9e83f8661cd6f6fee6447a165ef2575fc16"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "650a1b4d3fb4917fe030fafe54040e062e5afc8d4172875a9552a202742f095e"
       }
     },
     {
@@ -6781,7 +6998,7 @@
       "description": "Mortar product quick view: a ProductOverview in a wide Modal with a link to the full product page.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProductQuickView",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce", "keyboard"],
@@ -6906,8 +7123,8 @@
         "states": []
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "8c6ea8393d5d38a174187ea001dd30ae31f11ac62ecc9c08266563851d6e3107"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "fa747e31ab58ee4fe81334e863b003b9d001d34dbf7b525e1132adc2473f4af0"
       }
     },
     {
@@ -6917,7 +7134,7 @@
       "description": "Mortar product reviews: average rating, an accessible star distribution and individual reviews, optionally with each reviewer's avatar.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProductReviews",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce", "responsive"],
@@ -6999,8 +7216,8 @@
         "states": []
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "bc2259bd12662f0cdac1166918716de3f0b95bd934d643ba880cfb28b02d6ec5"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "29be019d5cef573ea1a1b43d8ee96ffb66e6e688b5c9abc8ea6e6e595288dfb1"
       }
     },
     {
@@ -7010,7 +7227,7 @@
       "description": "Mortar foundation progress bar, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProgressBar",
       "source": "src/display.tsx",
       "capabilities": ["theme", "foundation"],
@@ -7059,7 +7276,8 @@
         "usage": "Import { ProgressBar } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["progress"]
       },
       "preview": {
         "source": "previews/ProgressBarPreview.tsx"
@@ -7070,8 +7288,8 @@
         "states": []
       },
       "integrity": {
-        "source": "70c6666eda1ab00619121c702feba4db92fcb8d19dc4f8141e7d95f71bf2fd1c",
-        "preview": "e566c9e4b7e57d655f0f295bbddcddd351a8ecdf963dca8d7916000960eacb69"
+        "source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
+        "preview": "929bedb27cfaae2bd028f512a23fd0bb750009a303968628b91093568b886ff7"
       }
     },
     {
@@ -7081,7 +7299,7 @@
       "description": "Mortar progress steps: where someone is in a multi-step flow, as numbered bars, circles with descriptions, compact bullets or one filled track (bar) for status such as an order's delivery, with the current step marked for assistive technology. navigation={false} drops the navigation landmark for status-only progress.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProgressSteps",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "navigation"],
@@ -7138,8 +7356,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "206781f6f0f6e779d49d543bac2a355db2e01fc150b06c551e9313f2749fa852"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "083cdb2f4e0d9fdc8ab6f0337c9160a08bf7e5fa79887e312301a9ceea39c9a6"
       }
     },
     {
@@ -7149,7 +7367,7 @@
       "description": "Mortar documentation prose, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Prose",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "docs"],
@@ -7188,8 +7406,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "57f8eae0ed83fbae573bc9c89164fb2a0776e7a503302f392b10db89dfed35d0"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "9de7b2d2a7ae4c10693de02fd61cb57789bfc5265cc2d897d651f1cd31fc8c58"
       }
     },
     {
@@ -7199,7 +7417,7 @@
       "description": "Mortar sign-in provider buttons (GitHub, Google, SSO …): one full-width secondary button per provider, stacked or in a grid. Auth SDKs supply the redirects through onSelect.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ProviderButtons",
       "source": "src/auth.tsx",
       "capabilities": ["theme", "application", "action", "keyboard"],
@@ -7250,8 +7468,8 @@
         "probe": "providers"
       },
       "integrity": {
-        "source": "058db397b0fea0713003b6bae791674b9214417e7c1ef1600164fc051d435e8a",
-        "preview": "7bba0410d6fa77b798cff2d20b7fffe385ebce312cc369051f1a4c424f3647af"
+        "source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
+        "preview": "f0e7d07b3f117e6c69dcbb705c81ee50a59978b989cc3ff17a5b634e070514b7"
       }
     },
     {
@@ -7261,7 +7479,7 @@
       "description": "Mortar foundation radio group, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "RadioGroup",
       "source": "src/primitives.tsx",
       "capabilities": [
@@ -7341,7 +7559,8 @@
         "usage": "Import { RadioGroup } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["input[type=radio]"]
       },
       "preview": {
         "source": "previews/RadioGroupPreview.tsx"
@@ -7353,8 +7572,8 @@
         "probe": "radio"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "190849cbe0837ab114280380f01b3a5533ef5304427e5c8b8c83f3c51c611756"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "ccb269df22bf8d712549ac19f6f903bb0ccb0fab156613079a85551e5cbe7db8"
       }
     },
     {
@@ -7364,7 +7583,7 @@
       "description": "Mortar documentation release, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Release",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "responsive"],
@@ -7429,8 +7648,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "14c1a3d93d9052e5a6cd7d81d72f9df090e188ab4274e8eb2c40226139be59bc"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "4dbac5e6f4b5272c69ffa679ab878b5de39f3cb795e045c39202014539d2b228"
       }
     },
     {
@@ -7440,7 +7659,7 @@
       "description": "Mortar application save bar, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SaveBar",
       "source": "src/feedback.tsx",
       "capabilities": ["theme", "application", "keyboard"],
@@ -7519,8 +7738,8 @@
         "probe": "save"
       },
       "integrity": {
-        "source": "7b8b6fad71588455683e8b70172a7d7ab8ad344fa90dcaa8eac6048689450589",
-        "preview": "d76dd3e1aa1e538832de6327a3f390cc311aa0bb196853f0cf60c55a6e3f256c"
+        "source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
+        "preview": "bd1eaf924a493825d906fe0eb4d1125ba08bd9229385ca3bab90eb8fad05ad35"
       }
     },
     {
@@ -7530,7 +7749,7 @@
       "description": "Mortar documentation search dialog, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SearchDialog",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "keyboard"],
@@ -7590,8 +7809,8 @@
         "probe": "dialog"
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "b04c184fee6fc417d9826dd04f28a463a5e6af1d8d037164760d1df5c51219d8"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "a47d0a9f7732c015f4e2e807151341c5baf66ed32998a75612362adec4a53394"
       }
     },
     {
@@ -7601,7 +7820,7 @@
       "description": "Mortar documentation search trigger, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SearchTrigger",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs", "keyboard"],
@@ -7647,8 +7866,8 @@
         "probe": "dialog"
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "b100ab949579a6f732220ce672ea6bf45f69fc47642a5927220c82856433de96"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "b303a0fdecf2de3325926d274486b98141144c8106cfcad09868125630f1a9d7"
       }
     },
     {
@@ -7658,7 +7877,7 @@
       "description": "Mortar section heading: a heading for a section within a page, with description, actions, an optional divider and optional page tabs below that replace the divider.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SectionHeading",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "application"],
@@ -7729,8 +7948,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "20fd59977382d23c66022bfc5f08a7baaf1b89a74c0ffaf98cda11209e67e8b7"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "2b9d3ac87e7bb71d46b4c9b7e321144996c945713b8e6e3651c91eeb9f75465c"
       }
     },
     {
@@ -7740,7 +7959,7 @@
       "description": "Mortar full-bleed marketing section with default, muted and inverse tones for page rhythm.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Section",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -7817,8 +8036,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "7b00b8b04e1de09354a722e672d83f5004f60075b5dad73ac7594bb85a3037d1"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "7ab10ee756d6f6be2480fc4140e5638a7b8c47223c542cc0c6149d5ad6932530"
       }
     },
     {
@@ -7828,7 +8047,7 @@
       "description": "Mortar foundation segmented control, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SegmentedControl",
       "source": "src/inspection.tsx",
       "capabilities": ["theme", "foundation", "action", "keyboard"],
@@ -7883,8 +8102,8 @@
         "probe": "segmented"
       },
       "integrity": {
-        "source": "8ff19b1cf00665047a58c15ae2a3d2f39f624f96cb15a8f886ddc6057e3ddb3c",
-        "preview": "d146f5ef17ffaa0f2e184291cce72b09c1d187a784e83d53ee64bba53f19ef63"
+        "source": "1f44fa4547028176eb416ad2f3c95022e8eef888c0f9bf2b26d967cf19a94041",
+        "preview": "9bb24fd7447a8fef6f22530a79ec5cb77a0ff18d63bbc057c2c1f0d2d02ecc5c"
       }
     },
     {
@@ -7894,7 +8113,7 @@
       "description": "Mortar foundation select, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Select",
       "source": "src/primitives.tsx",
       "capabilities": [
@@ -7943,7 +8162,8 @@
         "usage": "Import { Select } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["select"]
       },
       "preview": {
         "source": "previews/SelectPreview.tsx"
@@ -7955,8 +8175,8 @@
         "probe": "select"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "541c6148dd4248015e20a1363a1c2b0995a6e97f7ee77cfd2987caf4fe3b52d0"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "52d899eeda3a5ab34ae8bed6a03d45b4d91e29393df4937828ddba873ca9c400"
       }
     },
     {
@@ -7966,7 +8186,7 @@
       "description": "Mortar application settings section, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SettingsSection",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "responsive"],
@@ -8026,8 +8246,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "688aa2f5b111ab128e8b38ab47a89d0b923cd1500a3800db46b089cd7b5d4316"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "e202cb6d9b6d86e5ad201869fdf5bd7c9da805534b444c2049c71ae48522483a"
       }
     },
     {
@@ -8037,7 +8257,7 @@
       "description": "Mortar shopping cart: bag lines with image, options, price, stock, a quantity select and a remove button labelled with the product name; focus moves to the next line after a removal. Shows an empty state when there are no items. Optional summary column (e.g. an OrderSummary with estimates) and related products shown as a ProductList.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ShoppingCart",
       "source": "src/ecommerce.tsx",
       "capabilities": ["theme", "ecommerce", "keyboard"],
@@ -8122,8 +8342,8 @@
         "states": ["empty"]
       },
       "integrity": {
-        "source": "a42a496e040f0b8c355a5dfa5f6ba863e661e28ec76dabb880bf6f0afd887c0a",
-        "preview": "d9a10543b3f39705291d120165e5a8c1da14c67952862117c04706582ef23a2a"
+        "source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
+        "preview": "317317f6fd861e79dcaf4a2425714e6ceede854baca89832c7f6ab9a1723ada1"
       }
     },
     {
@@ -8133,7 +8353,7 @@
       "description": "Mortar sidebar: vertical application navigation with brand, icons, counts, grouped sections and a footer slot. AppShell composes the same content.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Sidebar",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "navigation", "keyboard"],
@@ -8208,8 +8428,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "baebe76081fae6309e67af6a86eb3762041cda157a55fdce04453ed1940e0696"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "243fc4e08cba7ed6fb91420667df8c45bcef702f24267d84279dc1519214a09a"
       }
     },
     {
@@ -8219,7 +8439,7 @@
       "description": "Mortar sign-in surface with provider buttons and email link form; auth SDKs supply callbacks.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SignInPanel",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "action", "keyboard"],
@@ -8312,8 +8532,8 @@
         "probe": "sign-in"
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "d49d21b0a61f770d4b1c784e6586f8f90cdb20599ac246b9c6a742e0b3f33c4b"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "bb14aeafd24721f9155117f9a285f3c3946c49ec62bdc78db870285aad19f8cb"
       }
     },
     {
@@ -8323,7 +8543,7 @@
       "description": "Mortar application slide over, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "SlideOver",
       "source": "src/workspace.tsx",
       "capabilities": ["theme", "application", "keyboard"],
@@ -8394,8 +8614,8 @@
         "probe": "dialog"
       },
       "integrity": {
-        "source": "72384c919a5f73b82f2e293821c557f3ee6fb7e1708debc4a14ccbc0f63f9440",
-        "preview": "c19574d8defa60e5fdec16f23ac1737c88f919c4514265eb7e24e73a1f1c5a46"
+        "source": "1287ffd365b3aeea3b4a400937587fbf50e509de522ba90420fe7d4ca79bb4b4",
+        "preview": "d8bae95676790310e1ac4ba34785898546b2b8cc477d006ca4ed51196a30dd0e"
       }
     },
     {
@@ -8405,7 +8625,7 @@
       "description": "Mortar layout stack for vertical or horizontal rhythm, replacing consumer flex/gap utilities.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Stack",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "foundation"],
@@ -8478,8 +8698,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "5097a81e6912f91899d492fb3d3c8cc12cae968f4605ce9694a688e28d0f4fd1"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "dc98d1f00df326fde2601591971680ee8b54f7c42d49839c9e774fb49c71e1c3"
       }
     },
     {
@@ -8489,7 +8709,7 @@
       "description": "Mortar application stacked list: rows with optional leading media, a second column of meta at the row end (wrapping under the text when narrow), trailing controls, link rows with optional chevrons, and grouped sections with sticky headings.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "StackedList",
       "source": "src/workspace.tsx",
       "capabilities": ["theme", "application", "responsive"],
@@ -8567,8 +8787,8 @@
         "states": []
       },
       "integrity": {
-        "source": "72384c919a5f73b82f2e293821c557f3ee6fb7e1708debc4a14ccbc0f63f9440",
-        "preview": "347a75a77bc20c112a89df64f5546926851bdcfe762ee24db0f6d7165cab1936"
+        "source": "1287ffd365b3aeea3b4a400937587fbf50e509de522ba90420fe7d4ca79bb4b4",
+        "preview": "e3066ab1932bce523dc31ef6776176a10a022ec2d695c09f6932eafccfe5a795"
       }
     },
     {
@@ -8578,7 +8798,7 @@
       "description": "Mortar stacked shell: top Navbar with a centred page column and optional page header, Tailwind's stacked application layout.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "StackedShell",
       "source": "src/application.tsx",
       "capabilities": [
@@ -8599,12 +8819,14 @@
           "brand": "string",
           "logo": "ReactNode",
           "homeHref": "string",
-          "navigation": "LinkItem[]",
+          "navigation": "NavbarItem[] (top-level LinkItem links, or a group { label: string; items: FlyoutItem[] } opens a dropdown panel of links ({ label; href; description?; icon?; current? }); a group holding the current page is marked current, and on narrow screens it opens inside the menu)",
           "actions": "ReactNode",
           "header": "ReactNode",
           "width": "\"md\" | \"lg\" | \"xl\" | \"full\"",
           "children": "ReactNode",
-          "className": "string"
+          "className": "string",
+          "tone": "\"default\" | \"inverse\" | \"accent\" (default \"default\"; the bar's surface. inverse: the other appearance, through the inverse token remap. accent: the brand's accent fill, its gradient when it defines one, with on-accent links, focus and actions. Dropdown panels keep the page's colours); passed to the Navbar",
+          "tabs": "ItemGroup<TabNavItem> ({ label: string; items: TabNavItem[] }; a second row of page tabs under the bar, rendered as a TabNav named by label)"
         },
         "propTypes": {
           "actions": {
@@ -8636,9 +8858,17 @@
             "required": false
           },
           "navigation": {
-            "type": "LinkItem[]",
+            "type": "NavbarItem[]",
             "required": true
           },
+          "tabs": {
+            "type": "ItemGroup<LinkItem>",
+            "required": false
+          },
+          "tone": {
+            "type": "\"accent\" | \"default\" | \"inverse\"",
+            "required": false
+          },
           "width": {
             "type": "\"full\" | \"lg\" | \"md\" | \"xl\"",
             "required": false,
@@ -8648,7 +8878,7 @@
         "usage": "Import { StackedShell } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": ["mortar-navbar"]
+        "dependencies": ["mortar-navbar", "mortar-tab-nav"]
       },
       "preview": {
         "source": "previews/StackedShellPreview.tsx"
@@ -8660,8 +8890,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "f3ee5a92df7aef14114aab7adaebfb21ca4d507852ab47a3dcd3ec1b28b26301"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "d19626c8a9fa5f2c23d57405fbe647f4f607655a4e0b00f716c50fd4b7a8b48d"
       }
     },
     {
@@ -8671,7 +8901,7 @@
       "description": "Mortar marketing stat group, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "StatGroup",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -8731,8 +8961,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "925cc08cac462f6602e556bdc0e8e461742357b7a97450873412ac0fcccf46ee"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "fe31de744c26be688dfd764932060d8f0f7342a4d3d0f7be46c61bf063dff744"
       }
     },
     {
@@ -8742,7 +8972,7 @@
       "description": "Mortar documentation steps, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Steps",
       "source": "src/docs.tsx",
       "capabilities": ["theme", "docs"],
@@ -8792,8 +9022,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d4ba849069ea4d3a4354457522f5b62a7c4f169ae39ecb1644bfac22f0ad6c34",
-        "preview": "c7eec506d3fa1288ca014cdf1d7a0481652ed801a8ca3c554748bd5b7a92aac2"
+        "source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
+        "preview": "ce64cf7a8463245eb8ceeeb724c01367cb4c21eeb3f722e5859e216a54afa230"
       }
     },
     {
@@ -8803,7 +9033,7 @@
       "description": "Mortar foundation switch, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Switch",
       "source": "src/primitives.tsx",
       "capabilities": [
@@ -8840,7 +9070,8 @@
         "usage": "Import { Switch } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["input[type=checkbox]"]
       },
       "preview": {
         "source": "previews/SwitchPreview.tsx"
@@ -8852,8 +9083,8 @@
         "probe": "switch"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "829e43139e59fdd15de2141ea36d77880b1fe2cd3f0c776c98581faea2482046"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "30f61d5fb6a8bd3f3dfb47c159b523ea1da5deb901cb340350e730803514bdba"
       }
     },
     {
@@ -8863,7 +9094,7 @@
       "description": "Mortar tab navigation: tabs that link between pages, such as settings sections, as underlined tabs or pills with optional icons and counts; the current page is marked aria-current=\"page\".",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "TabNav",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "navigation"],
@@ -8919,8 +9150,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "8736c19ee3975a0539aff82438cea3204247a2107e47746877b82f1aff7bdfbb"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "c9a85b09feac0e346731f5ba254de1db483407ebda38b85c2827ae95abc3c6ae"
       }
     },
     {
@@ -8930,7 +9161,7 @@
       "description": "Mortar plain semantic table for documents and summaries without row actions.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Table",
       "source": "src/application.tsx",
       "capabilities": ["theme", "application", "responsive"],
@@ -8997,7 +9228,8 @@
         "usage": "Import { Table } from @tonycodes-ui/mortar. Pass groups to render each labelled group as its own tbody under a full-width header row (th scope=rowgroup); ungrouped rows render first. Use DataTable instead when rows need selection, sorting, links or loading states.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["table"]
       },
       "preview": {
         "source": "previews/TablePreview.tsx"
@@ -9008,8 +9240,8 @@
         "states": []
       },
       "integrity": {
-        "source": "38f7b987110205137803d0e62e397acf94229b629ff972414929d2e12650701c",
-        "preview": "03f6a803ca064b5132654dd62bbe3982f3c5e8890ff847cbec7dd74568395f73"
+        "source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
+        "preview": "2c5d5fab3a1985e5b6cf02259240ac00b5ef085c248b931c1c8debf3524c3a60"
       }
     },
     {
@@ -9019,7 +9251,7 @@
       "description": "Mortar foundation tabs, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Tabs",
       "source": "src/primitives.tsx",
       "capabilities": ["theme", "foundation", "action", "keyboard"],
@@ -9086,8 +9318,8 @@
         "probe": "tabs"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "b817ffee9f06a7c21a124167722e099aef6bd05f14c7b0177dbfb12c5de4afde"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "8d952b5f6323fc9cdd538e4920226761138a699bfaafc25ba14a18a6a24e1723"
       }
     },
     {
@@ -9097,7 +9329,7 @@
       "description": "Mortar marketing team grid, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "TeamGrid",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -9163,8 +9395,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "e1b6979c59b686018cbeff2dcd083a213e629b9aeafaa249bba16ead23a5d1c6"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "aee4ebafd726a0b24a2cba6955996fd0692edbeb1eb774e20ff6da63e5e43d60"
       }
     },
     {
@@ -9174,7 +9406,7 @@
       "description": "Mortar marketing testimonial grid, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "TestimonialGrid",
       "source": "src/marketing-sections.tsx",
       "capabilities": ["theme", "marketing", "responsive"],
@@ -9235,8 +9467,8 @@
         "states": []
       },
       "integrity": {
-        "source": "753109644ad6ece4252e6cdc91e37ad18d1b5a76bb08575a6af6d21fa3e851c0",
-        "preview": "dc275fdbad6a2a7b926766310d0bce21021077651a0527d41e7e82987ddba509"
+        "source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
+        "preview": "d159edadf54d3e23e4e4714c13fb10498a30210e38a3c7fa8e0403a15de797ae"
       }
     },
     {
@@ -9246,7 +9478,7 @@
       "description": "Mortar marketing testimonial, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Testimonial",
       "source": "src/marketing.tsx",
       "capabilities": ["theme", "marketing"],
@@ -9310,8 +9542,8 @@
         "states": []
       },
       "integrity": {
-        "source": "d42208bdfa9c1611f22340de03cbaad540102cc668c24b5f4a2178ceda01486c",
-        "preview": "b4712c2b728aac1438bc2ea84280bc501df82dcd71ea527ee774930d301c2af0"
+        "source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
+        "preview": "35594729416f0b5e004bf2cc67c9823fe2270c6dff2884b99f089be8e5790fac"
       }
     },
     {
@@ -9321,7 +9553,7 @@
       "description": "Mortar foundation text area, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "TextArea",
       "source": "src/primitives.tsx",
       "capabilities": [
@@ -9365,7 +9597,8 @@
         "usage": "Import { TextArea } from @tonycodes-ui/mortar. Compose with the public typed props.",
         "avoid": "Do not copy implementations, override central colours or grant component approval.",
         "accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
-        "dependencies": []
+        "dependencies": [],
+        "replaces": ["textarea"]
       },
       "preview": {
         "source": "previews/TextAreaPreview.tsx"
@@ -9377,8 +9610,8 @@
         "probe": "textarea"
       },
       "integrity": {
-        "source": "06dff7d6b97bbd5a0ed6ded1ce12b07285ba1da4bc97d319e42f428f4aa25929",
-        "preview": "0634b73f8746e05c2ae64f387609b4ea49445447c0864298fb7bf0cc1e526ac1"
+        "source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
+        "preview": "cd1355278a0398be551c33d3a8886649c53a886a483560b300286c6c82e0e076"
       }
     },
     {
@@ -9388,7 +9621,7 @@
       "description": "Mortar body text with semantic tone, size and weight, replacing text-muted/text-ink utilities.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Text",
       "source": "src/layout.tsx",
       "capabilities": ["theme", "foundation"],
@@ -9451,8 +9684,8 @@
         "states": []
       },
       "integrity": {
-        "source": "4634e80f08b26349213a3e17d347b0e2c11766cc2330f333002b2c98a4a43055",
-        "preview": "332062784e5d8504c06af616d34eced966fa56c640accf58d7468095cecfa39e"
+        "source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
+        "preview": "fde4f4d48cfd7a71f80f61324ffb2a75c49fef0d51c67d2e252d5af34b2bd7b7"
       }
     },
     {
@@ -9462,7 +9695,7 @@
       "description": "Mortar foundation theme provider, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "ThemeProvider",
       "source": "src/foundation.tsx",
       "capabilities": ["theme", "foundation", "keyboard"],
@@ -9546,8 +9779,8 @@
         "probe": "appearance"
       },
       "integrity": {
-        "source": "fe9cbe822ed1ca34f1f90dd091e8cfb034a0fde92eaee45644144407b5bde5a0",
-        "preview": "5076698caa68df9f21fd19bffc08bfdf20fdefde5042f2df07211ebe276eb372"
+        "source": "80bc14cb2c24c549f278863c6b964b375c915aa203a524a723abbd776d58b65a",
+        "preview": "94875e72b6674015663db5a30b3fb785217c8638c0302aaaffceda6f7f04c625"
       }
     },
     {
@@ -9557,7 +9790,7 @@
       "description": "Mortar foundation toast, using central semantic tokens.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Toast",
       "source": "src/feedback.tsx",
       "capabilities": ["theme", "foundation", "keyboard"],
@@ -9628,8 +9861,8 @@
         "probe": "toast"
       },
       "integrity": {
-        "source": "7b8b6fad71588455683e8b70172a7d7ab8ad344fa90dcaa8eac6048689450589",
-        "preview": "3c283576da0d2fa8471e4f97ef56a3b9a8fd39b1b7feb8b4131ce32262becfdf"
+        "source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
+        "preview": "5a47783a547f9ad55f2ce5238844c03a13327d261482d1964c0ce1383c7ff3f7"
       }
     },
     {
@@ -9639,7 +9872,7 @@
       "description": "Mortar foundation toaster: a controlled region of toasts that announces each new toast once, assertively for danger.",
       "stack": "react-tailwind",
       "package": "@tonycodes-ui/mortar",
-      "version": "0.11.0",
+      "version": "0.13.0",
       "export": "Toaster",
       "source": "src/feedback.tsx",
       "capabilities": ["theme", "foundation", "keyboard"],
@@ -9695,8 +9928,8 @@
         "probe": "toast"
       },
       "integrity": {
-        "source": "7b8b6fad71588455683e8b70172a7d7ab8ad344fa90dcaa8eac6048689450589",
-        "preview": "7e38c2652024438dd3e3e8521fd2d32bc9503a9d7bc4367718f98a0dbfcfbed2"
+        "source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
+        "preview": "50a9e21d0202d78be33d5ca63a53468131a33e5e535dd39f20d226d2c3496d6b"
       }
     }
   ]