fix(command-palette): eager-inject styles → 0.6.1

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to `@cofoundy/ui` are documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.6.1] — 2026-05-22
+
+### Fixed
+
+- **`CommandPaletteTrigger` flashed unstyled before the palette was first opened.** The singleton stylesheet (`<style id="cp-styles">`) was injected inside `PaletteSurface`'s mount effect, which only runs when `open=true`. The trigger pill mounts long before that, so its `.cp-trigger` rules didn't exist on first paint. Moved the injection to module-import time (after `COMMAND_PALETTE_CSS` is initialized, behind a `typeof document` guard so SSR stays safe). The trigger now renders styled from the first render, regardless of whether the palette has ever been opened.
+
 ## [0.6.0] — 2026-05-22
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cofoundy/ui",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "private": true,
   "type": "module",
   "main": "./src/index.ts",

src/components/command-palette/CommandPalette.tsx

@@ -250,6 +250,9 @@ function ensureCommandPaletteStyles() {
   document.head.appendChild(el);
   stylesInjected = true;
 }
+// NOTE: the eager-inject call lives at the bottom of this file, after
+// COMMAND_PALETTE_CSS is initialized. Calling it here would hit a TDZ since
+// the const-style template literal isn't bound yet at module-evaluation top.
 
 /**
  * Body scroll-lock counter. Composes safely with sibling modals — the lock
@@ -1806,4 +1809,11 @@ const COMMAND_PALETTE_CSS = `
 .cp-kbd-meta { font-size: 11px; margin-right: 1px; }
 `;
 
+// Eager-inject the singleton stylesheet on client-side module import so
+// `CommandPaletteTrigger` renders styled even before the palette has ever
+// opened. Without this, the trigger pill loses its `.cp-trigger` rules until
+// the user fires Cmd+K once — every consumer's header pill flashes unstyled
+// on first paint. SSR-safe via the `typeof document` guard inside the helper.
+if (typeof document !== 'undefined') ensureCommandPaletteStyles();
+
 export default CommandPalette;