import { C as CSSProperties, G as GlobalStyleTuple } from './global-style-tuple-CDbP5BY3.js';
import 'csstype';

/** Options for {@link reset} (Josh Comeau’s custom CSS reset). */
type JoshComeauResetOptions = {
    /**
     * Include `#root, #__next { isolation: isolate }` from the
     * [original reset](https://www.joshwcomeau.com/css/custom-css-reset/).
     * @default true
     */
    includeAppRootIsolation?: boolean;
    /**
     * When set, each tuple includes `{ layer }` so the reset works with
     * `createGlobal({ layers })` / `createTypeStyles({ layers })` without a factory `globalLayer`.
     */
    layer?: string;
};
/**
 * [Josh Comeau’s custom CSS reset](https://www.joshwcomeau.com/css/custom-css-reset/) as an array of
 * {@link GlobalStyleTuple}s — use with `global.apply(...reset())` or call `global.style` per tuple.
 *
 * With cascade layers, pass `{ layer: 'reset' }` (or your baseline layer) so these rules stay below
 * component layers — or set `globalLayer` on `createTypeStyles` / `createGlobal` and omit `layer` here.
 *
 * Released into the public domain by the author; this port keeps the same rules for convenience.
 *
 * @example
 * ```ts
 * import { createTypeStyles } from 'typestyles';
 * import { reset } from 'typestyles/globals';
 *
 * const { global } = createTypeStyles({
 *   layers: ['reset', 'tokens', 'components'] as const,
 *   tokenLayer: 'tokens',
 *   globalLayer: 'reset',
 * });
 * global.apply(...reset({ includeAppRootIsolation: false }));
 * ```
 */
declare function reset(options?: JoshComeauResetOptions): readonly GlobalStyleTuple[];
/** `box-sizing: border-box` on the universal selector (safe with layered component padding). */
declare function boxSizing(): GlobalStyleTuple;
/** Alias of {@link boxSizing}. */
declare const borderBox: typeof boxSizing;
/** Styles applied to `body` (e.g. margin reset, background, base font). */
declare function body(properties: CSSProperties, options?: {
    layer?: string;
}): GlobalStyleTuple;
/** `::selection` colors. */
declare function selection(properties: CSSProperties, options?: {
    layer?: string;
}): GlobalStyleTuple;
/** Styles on the `html` element (e.g. font smoothing, scroll behavior). */
declare function html(properties: CSSProperties, options?: {
    layer?: string;
}): GlobalStyleTuple;

export { GlobalStyleTuple, type JoshComeauResetOptions, body, borderBox, boxSizing, html, reset, selection };