zz-meridian 0.37.0 → 0.37.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-meridian",
-  "version": "0.37.0",
+  "version": "0.37.1",
   "description": "Bring ZZ Meridian, a dashboard design system, into a Next.js project, or start a new dashboard on it. Copies the files in; nothing depends on this package at runtime.",
   "license": "MIT",
   "type": "module",

package/payload/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Every release of ZZ Meridian, newest first. Versions follow semver: a removed or renamed token, prop or card is major; a new card, token or variant is minor; a corrected value is a patch. Each entry says what breaks and what to do instead.
 
+## [0.37.1] · 2026-11-01
+
+### Fixed
+
+- **The rail adds no first-load script to every route** (#122). A branch's toggle drew a `ChevronRight` of its own, and in an adopted project's module graph that one icon split the menu icons into a first-load chunk of their own: one more request on every route, about 0.3 s more LCP on a page that paints its text on hydration. The toggle is now the `ChevronDown` the rail already draws, turned a quarter while the branch is closed.
+
 ## [0.37.0] · 2026-11-01
 
 ### Breaking

package/payload/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-meridian-template",
-  "version": "0.37.0",
+  "version": "0.37.1",
   "private": true,
   "license": "MIT",
   "description": "ZZ Meridian: a dashboard design system and starter. Six layers, from DTCG tokens through four layers of React components to product workspaces, and a Design Atlas, in a light and a dark theme.",

package/payload/src/components/patterns/rail/index.tsx

@@ -4,7 +4,7 @@ import Link, { useLinkStatus } from 'next/link';
 import { usePathname, useRouter } from 'next/navigation';
 import { useLeave } from '@/components/base/shell';
 import { useEffect, useId, useRef, useState } from 'react';
-import { Check, ChevronDown, ChevronRight, ChevronsUpDown, LogOut, Settings } from 'lucide-react';
+import { Check, ChevronDown, ChevronsUpDown, LogOut, Settings } from 'lucide-react';
 import { app, type NavGroup } from '@/app.config';
 import { cn } from '@/lib/cn';
 import { AppMark } from '@/components/base/app-mark';
@@ -263,8 +263,10 @@ export function Rail({
                           onClick={() => toggle(it.href)}
                           className="relative col-start-1 row-start-1 mr-1 grid size-7 place-items-center self-center justify-self-end rounded-md text-ink-3 transition-colors duration-(--dur-hover) hover:bg-fill-hover hover:text-ink pointer-coarse:size-11"
                         >
-                          {/* One chevron that turns, never swapped: the same element keeps the button's focus ring and the turn animates. */}
-                          <ChevronRight className={cn('size-4 transition-transform duration-(--dur-hover)', isOpen && 'rotate-90')} strokeWidth={1.75} />
+                          {/* One chevron that turns, never swapped: the same element keeps the button's focus ring and the turn animates.
+                              It is the shell's own ChevronDown turned a quarter: a ChevronRight of its own split the menu icons into
+                              a first-load chunk of their own on every route of an adopted project (issue 122). */}
+                          <ChevronDown className={cn('size-4 transition-transform duration-(--dur-hover)', !isOpen && '-rotate-90')} strokeWidth={1.75} />
                         </button>
                       </div>
                       {isOpen ? (