import type { ClassValue } from "svelte/elements";
export declare const boxBase = "w-4 h-4 rounded-sm box-border flex items-center justify-center gap-1 border transition-colors duration-200";
export declare const iconBase = "w-2 h-2 transition-colors duration-200";
export declare const labelBase = "text-sm select-none first-letter:capitalize";
export declare const rootBase = "inline-flex items-center gap-2";
export declare const focusStyles = "peer-focus-visible:ring-2 peer-focus-visible:ring-kui-light-gray-500\n\tpeer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-kui-light-bg\n\tdark:peer-focus-visible:ring-kui-dark-gray-500 dark:peer-focus-visible:ring-offset-kui-dark-bg";
export declare const boxUnchecked = "border-kui-light-gray-500 dark:border-kui-dark-gray-500 \nhover:bg-kui-light-gray-100 dark:hover:bg-kui-dark-gray-100";
export declare const boxChecked = "border-kui-dark-bg-secondary dark:border-kui-light-bg bg-kui-dark-bg-secondary dark:bg-kui-light-bg";
export declare const boxIndeterminate = "border-kui-light-gray-900 dark:border-kui-dark-gray-900";
export declare const boxDisabledUnchecked = "border-kui-light-gray-500 dark:border-kui-dark-gray-500 bg-kui-light-gray-100 dark:bg-kui-dark-gray-100 cursor-not-allowed";
export declare const boxDisabledChecked = "border-kui-light-gray-600 dark:border-kui-dark-gray-600 bg-kui-light-gray-600 dark:bg-kui-dark-gray-600 cursor-not-allowed";
export declare const boxDisabledIndeterminate = "border-kui-light-gray-600 dark:border-kui-dark-gray-600 bg-kui-light-gray-100 dark:bg-kui-dark-gray-100 cursor-not-allowed";
export declare const iconChecked = "text-kui-light-bg dark:text-kui-black";
export declare const iconIndeterminate = "text-kui-light-gray-900 dark:text-kui-dark-gray-900";
export declare const iconDisabledIndeterminate = "text-kui-light-gray-600 dark:text-kui-dark-gray-600";
export declare const iconUnchecked = "text-transparent";
export declare const labelDisabled = "text-kui-light-gray-500 dark:text-kui-dark-gray-500";
export declare const labelDefault = "text-kui-light-gray-900 dark:text-kui-dark-gray-900";
export interface ResolveCheckboxClassInput {
    checked?: boolean;
    indeterminate?: boolean;
    disabled?: boolean;
}
export declare function resolveBoxClass({ checked, indeterminate, disabled, }: ResolveCheckboxClassInput): ClassValue;
export declare function resolveIconClass({ checked, indeterminate, disabled, }: ResolveCheckboxClassInput): ClassValue;
export declare function resolveLabelClass({ disabled }: {
    disabled?: boolean;
}): ClassValue;
export declare function resolveRootClass({ disabled }: {
    disabled?: boolean;
}): ClassValue;