import '../../content/icon/icon'; export type { OreCommandPaletteEvents, OreCommandPaletteProps } from './command-palette.types'; /** * A pure data node describing one command. Never rendered directly — `ore-command-palette` * reads its attributes/text content and renders the visible row itself. * * @element ore-command-palette-item * * @attr {string} value - Value emitted by the `select` event and matched against the search query * @attr {string} label - Explicit label text; falls back to the element's text content * @attr {string} group - Group heading the item is clustered under * @attr {string} shortcut - Display-only keyboard hint rendered at the end of the row, one `` per `+`-separated key (e.g. `"⌘+S"` renders two keycaps; a literal `+` key isn't representable — spell it out, e.g. `"Ctrl+Plus"`) * @attr {boolean} disabled - Excludes the item from keyboard navigation and selection * * @slot icon - Optional leading icon content * * @example * ```html * New File * ``` */ export declare const COMMAND_PALETTE_ITEM_TAG: "ore-command-palette-item"; /** * A searchable, keyboard-driven list of commands presented in a centered modal — * the "⌘K" pattern popularized by editors and productivity apps. Built on the * native `` element (focus trap, top-layer stacking, `Escape`-to-close) * and `@vielzeug/keymap` for the global shortcut that opens it. * * @element ore-command-palette * @element ore-command-palette-item - Slotted command definition (place in default slot) * * @attr {boolean} open - Controls the open state of the palette * @attr {boolean} default-open - Initial uncontrolled open state * @attr {string} label - Accessible label for the dialog (screen-reader-only heading) * @attr {string} placeholder - Placeholder text for the search input * @attr {string} shortcut - Global keyboard shortcut (keymap syntax) that toggles the palette. Default `"mod+k"`; set to `""` to disable * @attr {boolean} no-filter - Disable built-in client-side filtering (for server-driven search) * @attr {boolean} loading - Shows a loading row below the search input * @attr {string} empty-text - Message shown when no item matches the query * @attr {boolean} keep-open-on-select - Keep the palette open after an item is selected * * @fires open-change - Fired when the palette state changes. detail: `{ open, reason }` * @fires search - Fired on every keystroke in the search input. detail: `{ query }` * @fires select - Fired when a command is chosen (click or `Enter`). detail: `{ value, label, item }` * * @slot - `` elements (alternative/supplement to the `items` prop) * * @cssprop --command-palette-bg - Panel background color * @cssprop --command-palette-border-color - Panel border color * @cssprop --command-palette-radius - Panel border radius * @cssprop --command-palette-shadow - Panel drop shadow * @cssprop --command-palette-max-width - Maximum panel width * @cssprop --command-palette-backdrop - Backdrop overlay color * @cssprop --command-palette-option-hover-bg - Item background on hover * @cssprop --command-palette-option-focus-bg - Item background when keyboard-focused * * @part dialog - Dialog root container * @part panel - Panel container * @part input - Search input * @part listbox - Listbox of matching commands * * @example * ```html * * New File * Open File… * Toggle Theme * * ``` */ export declare const COMMAND_PALETTE_TAG: "ore-command-palette"; //# sourceMappingURL=command-palette.d.ts.map