/** * `` — public chrome-less wrapper for terminal blocks. * * Minimal glassmorphic primitive that owns the structural skeleton * shared by every terminal panel: optional 1px accent line, optional * toolbar slot, flex-1 content region, optional footer slot. It does * NOT render the macOS-style header / traffic lights / session tabs * baked into {@link TerminalPanelChrome} — those belong to the higher * level panel that composes on top of this primitive. * * The richer {@link TerminalPanelChrome} delegates its skeleton to this * component (variant B nativa upstream — v0.11.0). Consumers who want * full toolbar control should target this primitive directly. * * Layout integrity (`~/dotfiles/guidelines/layout-integrity.md`): * - Regla 1: content area is `flex-1 min-h-0 overflow-hidden` so virtual * lists scroll internally and never push toolbar / footer offscreen. * - Regla 3: root has `isolate` because the variants apply * `backdrop-blur` via `glass-heavy` — without isolate, the blur * sangra al stacking context del padre. * - Regla 4: toolbar / footer are `shrink-0`, content is `flex-1`. * - Regla 9: no `transition-all`. Toolbar honors `motion-reduce`. * - Regla 10: `role="region"` + optional `aria-label`. Toolbar slot is * wrapped in `role="toolbar"`. Noise overlay is `aria-hidden`. * * @module @mks2508/mks-ui/react/blocks/Terminal/ChromeShell */ import type { IChromeShellProps } from './ChromeShell.types'; /** * Public chrome-less wrapper for terminal blocks. * * Layout: optional accent line top → optional toolbar (`shrink-0`, * `role="toolbar"`) → flex-1 content (`min-h-0 overflow-hidden`) → * optional footer (`shrink-0`, tabular numerics). No forced header, * no traffic lights, no session tabs. Visuals (glass, rounded, accent * border) come from the upstream `terminalChromeVariants` so this * primitive stays in lockstep with {@link TerminalPanelChrome}. * * @param props - See {@link IChromeShellProps}. * * @example * ```tsx * import { ChromeShell } from '@mks2508/mks-ui/react/blocks/Terminal'; * * } * footer={} * > * * * ``` * * @example * ```tsx * // Compact density, error accent, CRT scanlines on the content. * *
{errorLog}
*
* ``` */ export declare function ChromeShell({ variant, size, accent, crtEffect, toolbar, footer, children, ariaLabel, slots, className, }: IChromeShellProps): import("react/jsx-runtime").JSX.Element; export { chromeShellStyles, CHROME_SHELL_FOOTER_HEIGHT, CHROME_SHELL_TOOLBAR_HEIGHT, resolveChromeShellAccent, } from './ChromeShell.styles'; export type { IChromeShellProps, TChromeShellAccent, TChromeShellSize, TChromeShellSlot, TChromeShellVariant, } from './ChromeShell.types'; //# sourceMappingURL=index.d.ts.map