/** * Style slots and helpers for the public {@link ChromeShell} primitive. * * Reuses the upstream `terminalChromeStyles` / `terminalChromeVariants` * tokens so visual parity with {@link TerminalPanelChrome} is preserved. * Layout integrity is encoded here (regla 1 overflow blindado, regla 4 * flex shrink discipline) — keep these tokens stable. * * @module @mks2508/mks-ui/react/blocks/Terminal/ChromeShell/styles */ import type { StyleSlots } from '../../../../core/types'; import { terminalChromeStyles, terminalChromeVariants } from '../panel/TerminalPanelChrome.styles'; import type { TChromeShellAccent, TChromeShellSize, TChromeShellSlot, TChromeShellVariant } from './ChromeShell.types'; /** * Default class strings per slot. * * - `root`: layout (flex column, isolate stacking context, overflow hidden). * Visual classes (glass, rounded, accent border) come from * {@link terminalChromeVariants} composed in the component. * - `toolbar`: `shrink-0` so it never collapses when content grows. * - `content`: `flex-1 min-h-0 overflow-hidden` so virtual lists scroll * internally and never push the toolbar / footer off the viewport * (regla 1). * - `footer`: `shrink-0` + `tabular-nums` for stable counters. */ export declare const chromeShellStyles: StyleSlots; /** * Toolbar height per density. * * Layout integrity: heights use the 4/8 token scale (regla 8) and * keep hit areas ≥40px (regla 7) when consumers pack icon buttons. */ export declare const CHROME_SHELL_TOOLBAR_HEIGHT: Record; /** * Footer height per density. */ export declare const CHROME_SHELL_FOOTER_HEIGHT: Record; /** * Resolve which accent gradient class string to apply. * * Priority: explicit `accent` prop > variant-derived gradient. * Returns an empty string when the accent line should be omitted. * * @param variant - The chrome variant. * @param accent - Optional explicit accent override. * @returns A Tailwind class string for the accent gradient, or `''`. */ export declare function resolveChromeShellAccent(variant: TChromeShellVariant, accent: TChromeShellAccent | undefined): string; /** * Re-export the upstream variant fn so the component can compose it * with {@link chromeShellStyles.root} without re-importing the panel * styles file directly. */ export { terminalChromeStyles, terminalChromeVariants }; //# sourceMappingURL=ChromeShell.styles.d.ts.map