@compiled/react/dist/esm/runtime/types.d.ts

A familiar and performant compile time CSS-in-JS library for React.

import type { Depths } from '@compiled/utils';
import type { JSX } from 'react';
export interface StyleSheetOpts {
    /**
     * Used to set a nonce on the style element.
     * This is needed when using a strict CSP and should be a random hash generated every server load.
     * Check out https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src for more information.
     */
    nonce?: string;
    /**
     * A unique key identifying the style container. Used to namespace the
     * deduplication cache so styles inserted into a custom container (e.g. a
     * Shadow DOM) are tracked independently from the main document cache.
     *
     * Must be provided together with `container`.
     */
    cacheKey?: string;
    /**
     * A DOM node into which Compiled will insert `<style>` elements instead of
     * `document.head`. Useful when rendering inside a Shadow DOM where styles in
     * the main document head are not visible to the shadow tree.
     *
     * Must be provided together with `cacheKey`.
     */
    container?: HTMLElement | ShadowRoot;
}
/**
 * Buckets under which we will group our stylesheets
 */
export type Bucket = `s-${Depths}` | '' | 'l' | 'v' | 'w' | 'f' | 'i' | 'h' | 'a' | 'm';
export type UseCacheHook = () => Record<string, true>;
export type ProviderComponent = (props: {
    children: JSX.Element[] | JSX.Element;
}) => JSX.Element;