@celestia-island/hikari 0.55.191 → 0.55.192

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@celestia-island/hikari",
-  "version": "0.55.191",
+  "version": "0.55.192",
   "private": false,
   "type": "module",
   "description": "Hikari Vue 3 component library — production-grade UI components based on shittim-chest design system",

package/src/components/HkThemePanelContent.tsx

@@ -1,5 +1,5 @@
 import { computed, defineComponent, onUnmounted, ref, watch, type PropType } from "vue";
-import { Check, Monitor, MoonStar, Palette, Sun, Trash as Trash2 } from "lucide-vue-next";
+import { Monitor, MoonStar, Palette, Sun, Trash as Trash2 } from "lucide-vue-next";
 import {
   HDivider,
   solarAltitude,
@@ -274,12 +274,15 @@ export const HkThemePanelContent = defineComponent({
                   data-active={currentTheme.value === th.id || undefined}
                   onClick={() => onSelectTheme(th.id)}
                 >
+                  {/* The selected-check fallback is RETIRED (2026-10-21
+                      user direction): selection is conveyed by the row's
+                      data-active wash alone — with the leading icon cell
+                      gone across hosts, the leftover check read as a
+                      stray icon. No leading slot = no leading mark. */}
                   {leadingSlot ? (
                     <span class="hk-menu-item-icon s-theme-item-lead">
                       {leadingSlot(scope)}
                     </span>
-                  ) : currentTheme.value === th.id ? (
-                    <span class="hk-menu-item-icon s-theme-item-check"><Check size={14} /></span>
                   ) : null}
                   <span class="s-theme-item-name">{displayName}</span>
                   {nameSuffixSlot ? (

package/src/components/HkThemeToggle.scss

@@ -329,10 +329,9 @@
   margin-inline-end: 2rem;
 }
 
-.s-theme-item-check {
-  flex-shrink: 0;
-  color: rgb(var(--color-primary));
-}
+/* The selected-check cell retired with its render branch (2026-10-21
+ * user direction): the active row's data-active wash is the sole
+ * selection indicator. */
 
 /* Hover/active states come verbatim from the unified mi.item spec included
  * on .s-theme-item-btn above — former local copies deleted (R3 sweep). */

package/src/components/HkThemeToggle.test.ts

@@ -280,9 +280,12 @@ describe("HkThemeToggle color-mode group", () => {
     }
     expect(customRows).toBe(1);
 
-    // Active check glyph sits inside the pill, leading the name.
+    // The active row's selection indicator is the data-active wash alone:
+    // the check glyph retired with the leading-icon cell (2026-10-21 user
+    // direction). No leading mark renders without an item-leading slot.
     const activeBtn = document.body.querySelector<HTMLButtonElement>(".s-theme-item-btn[data-active]");
-    expect(activeBtn?.querySelector(".s-theme-item-check")).toBeTruthy();
+    expect(activeBtn).toBeTruthy();
+    expect(activeBtn?.querySelector(".s-theme-item-check")).toBeNull();
 
     // The ROW is the pill (2026-10-01): the active state surfaces on the
     // row element too, so the highlight spans the full row width instead

package/src/components/HkThemeToggle.tsx

@@ -25,7 +25,7 @@ export { type ThemeItemScope } from "./HkThemePanelContent";
  *
  * Theme rows are host-customizable through three scoped slots (all render
  * in the popover AND the mobile bottom sheet — same DOM):
- *  · `item-leading` — replaces the selected-check cell; renders for
+ *  · `item-leading` — renders for
  *    every row in the fixed icon cell so names align regardless of the
  *    active row. Scope: `ThemeItemScope` (id/name/isCustom/preset).
  *  · `item-name-suffix` — an inline cell rendered INSIDE the row button,