import { BackgroundColorName, ThemeColorName } from '@/tokens';
import { Signal } from '@tempots/dom';
import { AppearanceType } from '@tempots/ui';
export type ButtonVariant = 'filled' | 'light' | 'outline' | 'default' | 'text';
export type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export declare function increaseSize(size: IconSize | ControlSize, steps?: number): "sm" | "md" | "lg" | "xl" | "xs";
export type OverlayEffect = 'transparent' | 'opaque' | 'none';
export type OverlayMode = 'capturing' | 'non-capturing';
export type FadeTransitionState = 'initial' | 'entering' | 'entered' | 'exiting' | 'exited';
export type Side = 'left' | 'right' | 'top' | 'bottom' | 'none' | 'all' | ('left' | 'right' | 'top' | 'bottom')[];
export type PanelColor = BackgroundColorName | ThemeColorName | 'white' | 'black' | 'transparent';
export type PanelShadow = 'none' | 'sm' | 'md' | 'lg';
export type LabelType = 'emphasis' | 'default' | 'muted' | 'danger';
export type JustifyContent = 'flex-start' | 'flex-end' | 'safe flex-end' | 'center' | 'safe center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'baseline' | 'normal';
export type JustifyItems = 'start' | 'end' | 'safe end' | 'center' | 'safe center' | 'stretch' | 'normal';
export type JustifySelf = 'auto' | 'start' | 'center' | 'safe center' | 'end' | 'safe end' | 'stretch';
export type AlignContent = 'normal' | 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly' | 'baseline' | 'stretch';
export type AlignItems = 'flex-start' | 'flex-end' | 'safe flex-end' | 'center' | 'safe-center' | 'baseline' | 'last-baseline' | 'stretch';
export type AlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'safe flex-end' | 'center' | 'safe center' | 'stretch' | 'baseline' | 'last baseline';
export type CardVariant = 'default' | 'elevated' | 'flat' | 'outlined';
export type CenterGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type SinkVariant = 'default' | 'deep' | 'shallow' | 'flat';
export type AppearancePreference = 'light' | 'dark' | 'system';
export type Appearance = 'light' | 'dark';
export interface ThemeValue {
    setAppearancePreference: (appearance: AppearancePreference) => void;
    appearancePreference: Signal<AppearancePreference>;
    appearance: Signal<AppearanceType>;
}
