/**
 * The panel's stylesheet, injected as one plugin-owned `<style>` tag so the
 * bundle needs no CSS pipeline.
 *
 * Colours come from the shell's own alias tokens — `--dsw-alias-label-*`,
 * `bg-layer-*`, `border-l2`, `brand-primary` — which is the set the built-in
 * settings pages use. Inventing token names produces a panel that silently
 * falls back to hardcoded colours and stops following the theme.
 *
 * Filled buttons must pair `button-primary-fill` with `label-primary-foreground`,
 * the way the shell's own buttons do. `brand-primary` inverts between themes
 * (near-black in light, near-white in dark), so a hardcoded `#fff` label on it
 * reads fine in light mode and vanishes in dark. Fallbacks here are all light,
 * so a missing token set degrades to one coherent theme rather than a mix.
 * @module dsh-research/client/styles
 */
/** Attribute marking the style element as this plugin's. */
export declare const STYLE_TAG_ID = "dsh-research/settings-section";
/** Class names used by the section component. */
export declare const cls: {
    readonly root: "rmkt-root";
    readonly head: "rmkt-head";
    readonly title: "rmkt-title";
    readonly titleIcon: "rmkt-title-icon";
    readonly sub: "rmkt-sub";
    readonly headAction: "rmkt-head-action";
    readonly tabs: "rmkt-tabs";
    readonly tab: "rmkt-tab";
    readonly tabOn: "rmkt-tab-on";
    readonly body: "rmkt-body";
    readonly searchWrap: "rmkt-search-wrap";
    readonly searchIcon: "rmkt-search-icon";
    readonly search: "rmkt-search";
    readonly chips: "rmkt-chips";
    readonly chip: "rmkt-chip";
    readonly chipOn: "rmkt-chip-on";
    readonly bar: "rmkt-bar";
    readonly list: "rmkt-list";
    readonly card: "rmkt-card";
    readonly avatar: "rmkt-avatar";
    readonly cardHead: "rmkt-card-head";
    readonly name: "rmkt-name";
    readonly meta: "rmkt-meta";
    readonly badge: "rmkt-badge";
    readonly summary: "rmkt-summary";
    readonly detail: "rmkt-detail";
    readonly more: "rmkt-more";
    readonly cardFoot: "rmkt-card-foot";
    readonly tag: "rmkt-tag";
    readonly actions: "rmkt-actions";
    readonly primary: "rmkt-primary";
    readonly ghost: "rmkt-ghost";
    readonly link: "rmkt-link";
    readonly note: "rmkt-note";
    readonly warn: "rmkt-warn";
    readonly warnOutput: "rmkt-warn-output";
    readonly empty: "rmkt-empty";
    readonly disclosure: "rmkt-disclosure";
    readonly overlay: "rmkt-overlay";
    readonly dialog: "rmkt-dialog";
    readonly dialogHead: "rmkt-dialog-head";
    readonly dialogTitle: "rmkt-dialog-title";
    readonly dialogClose: "rmkt-dialog-close";
    readonly dialogBody: "rmkt-dialog-body";
    readonly dialogCmd: "rmkt-dialog-cmd";
    readonly dialogFoot: "rmkt-dialog-foot";
    readonly progress: "rmkt-progress";
    readonly progressText: "rmkt-progress-text";
    readonly progressTrack: "rmkt-progress-track";
};
/**
 * Add the stylesheet once per document.
 * @param doc - the document to inject into; defaults to the page's.
 * @returns a disposer owned by the client plugin fiber.
 */
export declare function installStyles(doc?: Document): () => void;