import { ReactNode, CSSProperties } from 'react';
type PseudoClassWithArgs = ':dir' | ':host-context' | ':host' | ':has' | ':is' | ':lang' | ':not' | ':nth-child' | ':nth-last-child' | ':nth-last-of-type' | ':nth-of-type' | ':state' | ':where';
type PseudoClass = ':active' | ':any-link' | ':autofill' | ':blank' | ':checked' | ':current' | ':default' | ':defined' | ':disabled' | ':empty' | ':enabled' | ':first' | ':first-child' | ':first-of-type' | ':focus' | ':focus-visible' | ':focus-within' | ':fullscreen' | ':future' | ':host' | ':hover' | ':focus' | ':focus-visible' | ':focus-within' | ':fullscreen' | ':future' | ':host' | ':hover' | ':indeterminate' | ':in-range' | ':invalid' | ':last-child' | ':last-of-type' | ':left' | ':link' | ':local-link' | ':modal' | ':only-child' | ':only-of-type' | ':optional' | ':out-of-range' | ':past' | ':paused' | ':picture-in-picture' | ':placeholder-shown' | ':playing' | ':popover-open' | ':read-only' | ':read-write' | ':required' | ':right' | ':root' | ':scope' | ':target' | ':target-within' | ':user-invalid' | ':valid' | ':visited' | PseudoClassWithArgs;
type PseudoElementWithArgs = '::cue' | '::highlight' | '::part' | '::slotted' | '::view-transition-image-pair' | '::view-transition-group' | '::view-transition-new' | '::view-transition-old';
type PseudoElement = '::after' | '::backdrop' | '::before' | '::cue' | '::file-selector-button' | '::first-letter' | '::first-line' | '::grammar-error' | '::marker' | '::placeholder' | 'selection' | '::spelling-error' | '::target-text' | '::view-transition' | PseudoElementWithArgs;
type CombinedPseudoSelectors = `${PseudoClass}, ${PseudoClass}` | `${PseudoElement}, ${PseudoElement}` | `${PseudoClass}, ${PseudoElement}` | `${PseudoClass}, ${PseudoElement}, ${PseudoElement}` | `${PseudoElement}, ${PseudoClass}`;
type CustomKeyframes = {
    [key: string]: CSSProperties;
};
type PseudoClassStyles = {
    [K in PseudoClass]?: CSSProperties;
};
type PseudoElementStyles = {
    [K in PseudoElement]?: CSSProperties;
};
type CombinedPseudoStyles = {
    [K in CombinedPseudoSelectors]?: CSSProperties;
};
export type ExtendedCSSProperties = CSSProperties & CombinedPseudoStyles & PseudoClassStyles & PseudoElementStyles & {
    '@keyframes'?: {
        [keyframeName: string]: CustomKeyframes;
    };
};
export type BaseBoxProps = {
    children?: ReactNode;
    onClick?: () => void;
    weight?: 'light' | 'normal' | 'semibold' | 'bold';
    marginLeft?: CSSProperties['marginLeft'];
    marginRight?: CSSProperties['marginRight'];
    marginTop?: CSSProperties['marginTop'];
    marginBottom?: CSSProperties['marginBottom'];
    paddingLeft?: CSSProperties['paddingLeft'];
    paddingRight?: CSSProperties['paddingRight'];
    paddingTop?: CSSProperties['paddingTop'];
    paddingBottom?: CSSProperties['paddingBottom'];
    style?: CSSProperties;
    sx?: ExtendedCSSProperties;
};
export {};
//# sourceMappingURL=type.d.ts.map