@nextui-org/theme
Version:
The default theme for NextUI components
712 lines (709 loc) • 15.4 kB
TypeScript
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
/**
* Radio wrapper **Tailwind Variants** component
*
* const {base, wrapper, point, labelWrapper, label, description} = radio({...})
*
* @example
* <label
* className={base())}
* data-selected={boolean}
* data-hover-unselected={boolean}
* data-focus-visible={boolean}
* >
* // input
* <span className={wrapper()} aria-hidden="true" data-selected={selected} data-hover-unselected={hoverUnchecked}>
* <span className={point()}/>
* </span>
* <div className={labelWrapper()}>
* <span className={label()}>Label</span>
* <span className={description()}>Description</span>
* </div>
* </label>
*/
declare const radio: tailwind_variants.TVReturnType<{
color: {
default: {
control: string;
wrapper: string;
};
primary: {
control: string;
wrapper: string;
};
secondary: {
control: string;
wrapper: string;
};
success: {
control: string;
wrapper: string;
};
warning: {
control: string;
wrapper: string;
};
danger: {
control: string;
wrapper: string;
};
};
size: {
sm: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
md: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
lg: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
};
isDisabled: {
true: {
base: string;
};
};
isInvalid: {
true: {
control: string;
wrapper: string;
label: string;
description: string;
};
};
disableAnimation: {
true: {};
false: {
wrapper: string[];
control: string;
label: string;
description: string;
};
};
}, {
base: string;
wrapper: string[];
hiddenInput: string[];
labelWrapper: string;
control: string[];
label: string;
description: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
color: {
default: {
control: string;
wrapper: string;
};
primary: {
control: string;
wrapper: string;
};
secondary: {
control: string;
wrapper: string;
};
success: {
control: string;
wrapper: string;
};
warning: {
control: string;
wrapper: string;
};
danger: {
control: string;
wrapper: string;
};
};
size: {
sm: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
md: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
lg: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
};
isDisabled: {
true: {
base: string;
};
};
isInvalid: {
true: {
control: string;
wrapper: string;
label: string;
description: string;
};
};
disableAnimation: {
true: {};
false: {
wrapper: string[];
control: string;
label: string;
description: string;
};
};
}, {
color: {
default: {
control: string;
wrapper: string;
};
primary: {
control: string;
wrapper: string;
};
secondary: {
control: string;
wrapper: string;
};
success: {
control: string;
wrapper: string;
};
warning: {
control: string;
wrapper: string;
};
danger: {
control: string;
wrapper: string;
};
};
size: {
sm: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
md: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
lg: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
};
isDisabled: {
true: {
base: string;
};
};
isInvalid: {
true: {
control: string;
wrapper: string;
label: string;
description: string;
};
};
disableAnimation: {
true: {};
false: {
wrapper: string[];
control: string;
label: string;
description: string;
};
};
}>, {
color: {
default: {
control: string;
wrapper: string;
};
primary: {
control: string;
wrapper: string;
};
secondary: {
control: string;
wrapper: string;
};
success: {
control: string;
wrapper: string;
};
warning: {
control: string;
wrapper: string;
};
danger: {
control: string;
wrapper: string;
};
};
size: {
sm: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
md: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
lg: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
};
isDisabled: {
true: {
base: string;
};
};
isInvalid: {
true: {
control: string;
wrapper: string;
label: string;
description: string;
};
};
disableAnimation: {
true: {};
false: {
wrapper: string[];
control: string;
label: string;
description: string;
};
};
}, {
base: string;
wrapper: string[];
hiddenInput: string[];
labelWrapper: string;
control: string[];
label: string;
description: string;
}, tailwind_variants.TVReturnType<{
color: {
default: {
control: string;
wrapper: string;
};
primary: {
control: string;
wrapper: string;
};
secondary: {
control: string;
wrapper: string;
};
success: {
control: string;
wrapper: string;
};
warning: {
control: string;
wrapper: string;
};
danger: {
control: string;
wrapper: string;
};
};
size: {
sm: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
md: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
lg: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
};
isDisabled: {
true: {
base: string;
};
};
isInvalid: {
true: {
control: string;
wrapper: string;
label: string;
description: string;
};
};
disableAnimation: {
true: {};
false: {
wrapper: string[];
control: string;
label: string;
description: string;
};
};
}, {
base: string;
wrapper: string[];
hiddenInput: string[];
labelWrapper: string;
control: string[];
label: string;
description: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
color: {
default: {
control: string;
wrapper: string;
};
primary: {
control: string;
wrapper: string;
};
secondary: {
control: string;
wrapper: string;
};
success: {
control: string;
wrapper: string;
};
warning: {
control: string;
wrapper: string;
};
danger: {
control: string;
wrapper: string;
};
};
size: {
sm: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
md: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
lg: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
};
isDisabled: {
true: {
base: string;
};
};
isInvalid: {
true: {
control: string;
wrapper: string;
label: string;
description: string;
};
};
disableAnimation: {
true: {};
false: {
wrapper: string[];
control: string;
label: string;
description: string;
};
};
}, {
color: {
default: {
control: string;
wrapper: string;
};
primary: {
control: string;
wrapper: string;
};
secondary: {
control: string;
wrapper: string;
};
success: {
control: string;
wrapper: string;
};
warning: {
control: string;
wrapper: string;
};
danger: {
control: string;
wrapper: string;
};
};
size: {
sm: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
md: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
lg: {
wrapper: string;
control: string;
labelWrapper: string;
label: string;
description: string;
};
};
isDisabled: {
true: {
base: string;
};
};
isInvalid: {
true: {
control: string;
wrapper: string;
label: string;
description: string;
};
};
disableAnimation: {
true: {};
false: {
wrapper: string[];
control: string;
label: string;
description: string;
};
};
}>, unknown, unknown, undefined>>;
/**
* RadioGroup wrapper **Tailwind Variants** component
*
* const {base, label, wrapper} = radioGroup({...})
*
* @example
* <div className={base())}>
* <label className={label()}>Label</label>
* <div className={wrapper()} data-orientation="vertical/horizontal">
* // radios
* </div>
* </div>
*/
declare const radioGroup: tailwind_variants.TVReturnType<{
isRequired: {
true: {
label: string;
};
};
isInvalid: {
true: {
description: string;
};
};
disableAnimation: {
true: {};
false: {
description: string;
};
};
}, {
base: string;
label: string;
wrapper: string;
description: string;
errorMessage: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
isRequired: {
true: {
label: string;
};
};
isInvalid: {
true: {
description: string;
};
};
disableAnimation: {
true: {};
false: {
description: string;
};
};
}, {
isRequired: {
true: {
label: string;
};
};
isInvalid: {
true: {
description: string;
};
};
disableAnimation: {
true: {};
false: {
description: string;
};
};
}>, {
isRequired: {
true: {
label: string;
};
};
isInvalid: {
true: {
description: string;
};
};
disableAnimation: {
true: {};
false: {
description: string;
};
};
}, {
base: string;
label: string;
wrapper: string;
description: string;
errorMessage: string;
}, tailwind_variants.TVReturnType<{
isRequired: {
true: {
label: string;
};
};
isInvalid: {
true: {
description: string;
};
};
disableAnimation: {
true: {};
false: {
description: string;
};
};
}, {
base: string;
label: string;
wrapper: string;
description: string;
errorMessage: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
isRequired: {
true: {
label: string;
};
};
isInvalid: {
true: {
description: string;
};
};
disableAnimation: {
true: {};
false: {
description: string;
};
};
}, {
isRequired: {
true: {
label: string;
};
};
isInvalid: {
true: {
description: string;
};
};
disableAnimation: {
true: {};
false: {
description: string;
};
};
}>, unknown, unknown, undefined>>;
type RadioGroupSlots = keyof ReturnType<typeof radioGroup>;
type RadioVariantProps = VariantProps<typeof radio>;
type RadioSlots = keyof ReturnType<typeof radio>;
export { RadioGroupSlots, RadioSlots, RadioVariantProps, radio, radioGroup };