@fangxinyan/lumina 0.2.1 → 0.3.0

package/dist/{Accordion-3TQPKNN3.css → Accordion-REMDCQUD.css}

@@ -31,7 +31,6 @@
   color: var(--fg-muted);
   font-size: 13px;
 }
-.accordion-item.open .accordion-body { max-height: 320px; }
 .accordion-body-inner { padding: 0 18px 16px; }
 .accordion-chev {
   transition: transform var(--dur) var(--ease), color var(--dur) var(--ease);

package/dist/Accordion.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkRDLPX7RK_cjs = require('./chunk-RDLPX7RK.cjs');
+var chunk3HNRKO3M_cjs = require('./chunk-3HNRKO3M.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkRDLPX7RK_cjs.Accordion; }
+  get: function () { return chunk3HNRKO3M_cjs.Accordion; }
 });
 //# sourceMappingURL=Accordion.cjs.map
 //# sourceMappingURL=Accordion.cjs.map

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-export { Accordion } from './chunk-4MR4GVTD.js';
+export { Accordion } from './chunk-U4K7HOMW.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Accordion.js.map
 //# sourceMappingURL=Accordion.js.map

package/dist/Alert.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkZ5X5AMLA_cjs = require('./chunk-Z5X5AMLA.cjs');
+var chunkCALRTZZ7_cjs = require('./chunk-CALRTZZ7.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkZ5X5AMLA_cjs.Alert; }
+  get: function () { return chunkCALRTZZ7_cjs.Alert; }
 });
 //# sourceMappingURL=Alert.cjs.map
 //# sourceMappingURL=Alert.cjs.map

package/dist/Alert.js

@@ -1,4 +1,4 @@
-export { Alert } from './chunk-GIVMKGZN.js';
+export { Alert } from './chunk-TY5EAKEI.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Alert.js.map
 //# sourceMappingURL=Alert.js.map

package/dist/AppShell.cjs

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkFI7QO3I5_cjs = require('./chunk-FI7QO3I5.cjs');
+var chunk33TIL25B_cjs = require('./chunk-33TIL25B.cjs');
 
 
 
 Object.defineProperty(exports, "AppShell", {
   enumerable: true,
-  get: function () { return chunkFI7QO3I5_cjs.AppShell; }
+  get: function () { return chunk33TIL25B_cjs.AppShell; }
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkFI7QO3I5_cjs.Sidebar; }
+  get: function () { return chunk33TIL25B_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "TitleBar", {
   enumerable: true,
-  get: function () { return chunkFI7QO3I5_cjs.TitleBar; }
+  get: function () { return chunk33TIL25B_cjs.TitleBar; }
 });
 Object.defineProperty(exports, "WindowControls", {
   enumerable: true,
-  get: function () { return chunkFI7QO3I5_cjs.WindowControls; }
+  get: function () { return chunk33TIL25B_cjs.WindowControls; }
 });
 //# sourceMappingURL=AppShell.cjs.map
 //# sourceMappingURL=AppShell.cjs.map

package/dist/AppShell.js

@@ -1,3 +1,3 @@
-export { AppShell, Sidebar, TitleBar, WindowControls } from './chunk-3WAFIUDQ.js';
+export { AppShell, Sidebar, TitleBar, WindowControls } from './chunk-UQB5OHMO.js';
 //# sourceMappingURL=AppShell.js.map
 //# sourceMappingURL=AppShell.js.map

package/dist/Avatar.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkYEOARJKR_cjs = require('./chunk-YEOARJKR.cjs');
+var chunkTQLCIXCK_cjs = require('./chunk-TQLCIXCK.cjs');
 
 
 
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunkYEOARJKR_cjs.Avatar; }
+  get: function () { return chunkTQLCIXCK_cjs.Avatar; }
 });
 //# sourceMappingURL=Avatar.cjs.map
 //# sourceMappingURL=Avatar.cjs.map

package/dist/Avatar.js

@@ -1,3 +1,3 @@
-export { Avatar } from './chunk-ZWP4LSS3.js';
+export { Avatar } from './chunk-NS3C2ZSE.js';
 //# sourceMappingURL=Avatar.js.map
 //# sourceMappingURL=Avatar.js.map

package/dist/Button.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkOPTTHURA_cjs = require('./chunk-OPTTHURA.cjs');
+var chunkRSZNFKCQ_cjs = require('./chunk-RSZNFKCQ.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkOPTTHURA_cjs.Button; }
+  get: function () { return chunkRSZNFKCQ_cjs.Button; }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
-  get: function () { return chunkOPTTHURA_cjs.IconButton; }
+  get: function () { return chunkRSZNFKCQ_cjs.IconButton; }
 });
 //# sourceMappingURL=Button.cjs.map
 //# sourceMappingURL=Button.cjs.map

package/dist/Button.js

@@ -1,4 +1,4 @@
-export { Button, IconButton } from './chunk-77BVQNAQ.js';
+export { Button, IconButton } from './chunk-5UOBYRYJ.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Button.js.map
 //# sourceMappingURL=Button.js.map

package/dist/Calendar.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkTZSWDH5T_cjs = require('./chunk-TZSWDH5T.cjs');
+var chunk7JYI5THC_cjs = require('./chunk-7JYI5THC.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkTZSWDH5T_cjs.Calendar; }
+  get: function () { return chunk7JYI5THC_cjs.Calendar; }
 });
 //# sourceMappingURL=Calendar.cjs.map
 //# sourceMappingURL=Calendar.cjs.map

package/dist/Calendar.js

@@ -1,4 +1,4 @@
-export { Calendar } from './chunk-H6FCIJOP.js';
+export { Calendar } from './chunk-DBJIK4JE.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Calendar.js.map
 //# sourceMappingURL=Calendar.js.map

package/dist/Card.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkJKLQOB2F_cjs = require('./chunk-JKLQOB2F.cjs');
+var chunkMUFMJPRT_cjs = require('./chunk-MUFMJPRT.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkJKLQOB2F_cjs.Card; }
+  get: function () { return chunkMUFMJPRT_cjs.Card; }
 });
 Object.defineProperty(exports, "Panel", {
   enumerable: true,
-  get: function () { return chunkJKLQOB2F_cjs.Panel; }
+  get: function () { return chunkMUFMJPRT_cjs.Panel; }
 });
 //# sourceMappingURL=Card.cjs.map
 //# sourceMappingURL=Card.cjs.map

package/dist/Card.js

@@ -1,3 +1,3 @@
-export { Card, Panel } from './chunk-4U4OY5RA.js';
+export { Card, Panel } from './chunk-4SCDDSXY.js';
 //# sourceMappingURL=Card.js.map
 //# sourceMappingURL=Card.js.map

package/dist/{Cascader-DTRTTXC2.css → Cascader-VSYEKQCG.css}

@@ -29,7 +29,7 @@
   display: flex;
   background: var(--bg);
   border-radius: var(--r-md);
-  box-shadow: var(--neu-out-lg);
+  box-shadow: var(--neu-float);
   padding: 6px;
   animation: menuIn var(--dur) var(--ease);
   gap: 4px;

package/dist/Cascader.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkTWBJCFEJ_cjs = require('./chunk-TWBJCFEJ.cjs');
+var chunkSVVB6POY_cjs = require('./chunk-SVVB6POY.cjs');
 require('./chunk-RZ2E3XEU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
@@ -8,7 +8,7 @@ require('./chunk-YVO7XO4W.cjs');
 
 Object.defineProperty(exports, "Cascader", {
   enumerable: true,
-  get: function () { return chunkTWBJCFEJ_cjs.Cascader; }
+  get: function () { return chunkSVVB6POY_cjs.Cascader; }
 });
 //# sourceMappingURL=Cascader.cjs.map
 //# sourceMappingURL=Cascader.cjs.map

package/dist/Cascader.js

@@ -1,4 +1,4 @@
-export { Cascader } from './chunk-OEHCA5IV.js';
+export { Cascader } from './chunk-NGQDVJH3.js';
 import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Cascader.js.map

package/dist/Checkbox.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkC5TGQ7CV_cjs = require('./chunk-C5TGQ7CV.cjs');
+var chunkMFWOBALK_cjs = require('./chunk-MFWOBALK.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkC5TGQ7CV_cjs.Checkbox; }
+  get: function () { return chunkMFWOBALK_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkC5TGQ7CV_cjs.RadioGroup; }
+  get: function () { return chunkMFWOBALK_cjs.RadioGroup; }
 });
 //# sourceMappingURL=Checkbox.cjs.map
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-export { Checkbox, RadioGroup } from './chunk-M6CGYGEO.js';
+export { Checkbox, RadioGroup } from './chunk-Q2EXOT4B.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Checkbox.js.map
 //# sourceMappingURL=Checkbox.js.map

package/dist/{ColorPicker-GP7AQYUU.css → ColorPicker-SDDQGHCM.css}

@@ -77,7 +77,7 @@
   padding: 12px;
   background: var(--bg);
   border-radius: var(--r-md);
-  box-shadow: var(--neu-out);
+  box-shadow: var(--neu-float);
   display: flex;
   flex-direction: column;
   gap: 10px;

package/dist/ColorPicker.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkQTGDYQOT_cjs = require('./chunk-QTGDYQOT.cjs');
+var chunkLLNEDEST_cjs = require('./chunk-LLNEDEST.cjs');
 require('./chunk-RZ2E3XEU.cjs');
 
 
 
 Object.defineProperty(exports, "ColorPicker", {
   enumerable: true,
-  get: function () { return chunkQTGDYQOT_cjs.ColorPicker; }
+  get: function () { return chunkLLNEDEST_cjs.ColorPicker; }
 });
 //# sourceMappingURL=ColorPicker.cjs.map
 //# sourceMappingURL=ColorPicker.cjs.map

package/dist/ColorPicker.js

@@ -1,4 +1,4 @@
-export { ColorPicker } from './chunk-RPD2OIIP.js';
+export { ColorPicker } from './chunk-I2HHC6QW.js';
 import './chunk-V2DIQ3RH.js';
 //# sourceMappingURL=ColorPicker.js.map
 //# sourceMappingURL=ColorPicker.js.map

package/dist/CommandPalette-T45DBMPY.css

@@ -0,0 +1,139 @@
+/* ============ CommandPalette ============ */
+.cmdp-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 4000;
+  background: color-mix(in oklch, var(--fg) 22%, transparent);
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  padding-top: 14vh;
+  animation: fadeIn 160ms var(--ease);
+}
+[data-theme="dark"] .cmdp-overlay { background: color-mix(in oklch, black 55%, transparent); }
+
+.cmdp-panel {
+  width: min(560px, calc(100vw - 48px));
+  max-height: 60vh;
+  background: var(--bg);
+  border-radius: var(--r-lg);
+  box-shadow: var(--neu-float);
+  border: 1px solid var(--divider);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  animation: cmdpIn 220ms var(--ease);
+}
+@keyframes cmdpIn {
+  from { opacity: 0; transform: translateY(-12px) scale(0.98); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+.cmdp-search {
+  padding: 12px 12px 10px;
+}
+
+.cmdp-list {
+  overflow-y: auto;
+  padding: 6px;
+  flex: 1;
+  min-height: 60px;
+}
+
+.cmdp-group + .cmdp-group { margin-top: 4px; }
+.cmdp-group-head {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--fg-subtle);
+  padding: 8px 10px 4px;
+  font-weight: 600;
+}
+
+.cmdp-item {
+  display: grid;
+  grid-template-columns: 20px 1fr auto;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  padding: 9px 10px;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  color: var(--fg);
+  font: inherit;
+  font-size: 13px;
+  text-align: left;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease),
+    box-shadow var(--dur-fast) var(--ease);
+}
+.cmdp-item:disabled { color: var(--fg-subtle); cursor: not-allowed; }
+.cmdp-item.active:not(:disabled) {
+  background: var(--bg);
+  color: var(--accent-ink);
+  box-shadow: var(--neu-in-sm);
+}
+
+.cmdp-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--fg-muted);
+}
+.cmdp-item.active:not(:disabled) .cmdp-icon { color: inherit; }
+
+.cmdp-labels { display: flex; flex-direction: column; min-width: 0; }
+.cmdp-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.cmdp-desc {
+  font-size: 11.5px;
+  color: var(--fg-subtle);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.cmdp-item.active:not(:disabled) .cmdp-desc { color: inherit; opacity: 0.75; }
+
+.cmdp-shortcut {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--fg-subtle);
+}
+.cmdp-item.active:not(:disabled) .cmdp-shortcut { color: inherit; opacity: 0.8; }
+
+.cmdp-empty {
+  padding: 28px 16px;
+  text-align: center;
+  color: var(--fg-subtle);
+  font-size: 13px;
+}
+
+.cmdp-footer {
+  display: flex;
+  gap: 16px;
+  padding: 8px 14px;
+  border-top: 1px solid var(--divider);
+  background: var(--bg-sunken);
+  font-size: 11.5px;
+  color: var(--fg-subtle);
+}
+.cmdp-footer span { display: inline-flex; align-items: center; gap: 4px; }
+
+.cmdp-kbd {
+  display: inline-grid;
+  place-items: center;
+  min-width: 18px;
+  height: 18px;
+  padding: 0 5px;
+  border-radius: 5px;
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+  font-family: var(--font-mono);
+  font-size: 10.5px;
+  color: var(--fg-muted);
+}

package/dist/CommandPalette.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkAGN3JSUH_cjs = require('./chunk-AGN3JSUH.cjs');
+require('./chunk-MKR4X57L.cjs');
+require('./chunk-YVO7XO4W.cjs');
+
+
+
+Object.defineProperty(exports, "CommandPalette", {
+  enumerable: true,
+  get: function () { return chunkAGN3JSUH_cjs.CommandPalette; }
+});
+//# sourceMappingURL=CommandPalette.cjs.map
+//# sourceMappingURL=CommandPalette.cjs.map

package/dist/CommandPalette.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CommandPalette.cjs"}

package/dist/CommandPalette.d.cts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+
+interface CommandItem {
+    key: string;
+    /** Displayed label; also matched against the search query by default. */
+    label: string;
+    /** Optional secondary line — e.g. "Open recent". */
+    description?: React.ReactNode;
+    /** Leading icon. */
+    icon?: React.ReactNode;
+    /** Right-aligned shortcut hint, e.g. `"⌘P"`. */
+    shortcut?: React.ReactNode;
+    /** Extra search terms beyond `label`. */
+    keywords?: string[];
+    /** Group heading. Items sharing a `group` appear under one heading. */
+    group?: string;
+    /** Ignored by default filter — still shown. */
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    items: CommandItem[];
+    placeholder?: string;
+    /** Custom matcher. Return true to keep the item. */
+    filter?: (item: CommandItem, query: string) => boolean;
+    /** Shown when no item matches the query. */
+    emptyText?: React.ReactNode;
+    /** Reset the query to empty whenever the palette opens. Default true. */
+    resetOnOpen?: boolean;
+    /** Footer node. Pass `null` to hide. */
+    footer?: React.ReactNode;
+    className?: string;
+}
+/**
+ * `CommandPalette` — ⌘K-style action launcher. Search + grouped items +
+ * keyboard nav. Rendered into `document.body`.
+ *
+ * The parent controls `open` via state — wire `Cmd/Ctrl+K` to toggle.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = React.useState(false);
+ * React.useEffect(() => {
+ *   const h = (e: KeyboardEvent) => {
+ *     if ((e.metaKey || e.ctrlKey) && e.key === "k") { e.preventDefault(); setOpen(o => !o); }
+ *   };
+ *   window.addEventListener("keydown", h);
+ *   return () => window.removeEventListener("keydown", h);
+ * }, []);
+ *
+ * <CommandPalette
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   items={[
+ *     { key: "new", label: "新建文件", icon: <Icon name="plus" size={14} />, group: "文件", shortcut: "⌘N", onSelect: () => {} },
+ *     ...
+ *   ]}
+ * />
+ * ```
+ */
+declare const CommandPalette: React.FC<CommandPaletteProps>;
+
+export { type CommandItem, CommandPalette, type CommandPaletteProps };

package/dist/CommandPalette.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+
+interface CommandItem {
+    key: string;
+    /** Displayed label; also matched against the search query by default. */
+    label: string;
+    /** Optional secondary line — e.g. "Open recent". */
+    description?: React.ReactNode;
+    /** Leading icon. */
+    icon?: React.ReactNode;
+    /** Right-aligned shortcut hint, e.g. `"⌘P"`. */
+    shortcut?: React.ReactNode;
+    /** Extra search terms beyond `label`. */
+    keywords?: string[];
+    /** Group heading. Items sharing a `group` appear under one heading. */
+    group?: string;
+    /** Ignored by default filter — still shown. */
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+interface CommandPaletteProps {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    items: CommandItem[];
+    placeholder?: string;
+    /** Custom matcher. Return true to keep the item. */
+    filter?: (item: CommandItem, query: string) => boolean;
+    /** Shown when no item matches the query. */
+    emptyText?: React.ReactNode;
+    /** Reset the query to empty whenever the palette opens. Default true. */
+    resetOnOpen?: boolean;
+    /** Footer node. Pass `null` to hide. */
+    footer?: React.ReactNode;
+    className?: string;
+}
+/**
+ * `CommandPalette` — ⌘K-style action launcher. Search + grouped items +
+ * keyboard nav. Rendered into `document.body`.
+ *
+ * The parent controls `open` via state — wire `Cmd/Ctrl+K` to toggle.
+ *
+ * @example
+ * ```tsx
+ * const [open, setOpen] = React.useState(false);
+ * React.useEffect(() => {
+ *   const h = (e: KeyboardEvent) => {
+ *     if ((e.metaKey || e.ctrlKey) && e.key === "k") { e.preventDefault(); setOpen(o => !o); }
+ *   };
+ *   window.addEventListener("keydown", h);
+ *   return () => window.removeEventListener("keydown", h);
+ * }, []);
+ *
+ * <CommandPalette
+ *   open={open}
+ *   onOpenChange={setOpen}
+ *   items={[
+ *     { key: "new", label: "新建文件", icon: <Icon name="plus" size={14} />, group: "文件", shortcut: "⌘N", onSelect: () => {} },
+ *     ...
+ *   ]}
+ * />
+ * ```
+ */
+declare const CommandPalette: React.FC<CommandPaletteProps>;
+
+export { type CommandItem, CommandPalette, type CommandPaletteProps };

package/dist/CommandPalette.js

@@ -0,0 +1,5 @@
+export { CommandPalette } from './chunk-XDFZRV3V.js';
+import './chunk-WBMF7WM3.js';
+import './chunk-GEYMWUW6.js';
+//# sourceMappingURL=CommandPalette.js.map
+//# sourceMappingURL=CommandPalette.js.map

package/dist/CommandPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"CommandPalette.js"}

package/dist/ContextMenu-FKW6CQW4.css

@@ -0,0 +1,76 @@
+/* ============ ContextMenu ============ */
+.context-menu {
+  z-index: 5000;
+  padding: 6px;
+  background: var(--bg);
+  border-radius: var(--r-md);
+  box-shadow: var(--neu-float);
+  border: 1px solid var(--divider);
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  animation: menuIn 140ms var(--ease);
+  max-height: calc(100vh - 24px);
+  overflow-y: auto;
+}
+
+.context-menu-item {
+  display: grid;
+  grid-template-columns: 18px 1fr auto;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 10px;
+  min-height: 28px;
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  font: inherit;
+  font-size: 13px;
+  color: var(--fg);
+  text-align: left;
+  border-radius: var(--r-sm);
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease),
+    box-shadow var(--dur-fast) var(--ease);
+}
+.context-menu-item:disabled { color: var(--fg-subtle); cursor: not-allowed; }
+.context-menu-item.active:not(:disabled) {
+  background: var(--bg);
+  color: var(--accent-ink);
+  box-shadow: var(--neu-in-sm);
+}
+.context-menu-item.danger { color: var(--danger); }
+.context-menu-item.danger.active:not(:disabled) {
+  background: var(--bg);
+  color: var(--danger);
+  box-shadow: var(--neu-in-sm);
+}
+
+.context-menu-icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--fg-muted);
+}
+.context-menu-item.active:not(:disabled) .context-menu-icon { color: inherit; }
+.context-menu-item.danger .context-menu-icon { color: var(--danger); }
+
+.context-menu-label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.context-menu-shortcut {
+  font-family: var(--font-mono);
+  font-size: 11px;
+  color: var(--fg-subtle);
+  padding-left: 12px;
+}
+.context-menu-item.active:not(:disabled) .context-menu-shortcut { color: inherit; opacity: 0.8; }
+
+.context-menu-divider {
+  height: 1px;
+  background: var(--divider);
+  margin: 4px 4px;
+}