@bitrix24/b24ui-nuxt
Version:
Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE
724 lines (723 loc) • 17.8 kB
TypeScript
import type { VariantProps } from 'tailwind-variants';
import type { RadioGroupRootProps, RadioGroupRootEmits } from 'reka-ui';
import type { AcceptableValue } from '../types/utils';
declare const radioGroup: import("tailwind-variants").TVReturnType<{
color: {
default: {
base: string;
indicator: "end" | "start" | "hidden";
};
danger: {
base: string;
indicator: "end" | "start" | "hidden";
};
success: {
base: string;
indicator: "end" | "start" | "hidden";
};
warning: {
base: string;
indicator: "end" | "start" | "hidden";
};
primary: {
base: string;
indicator: "end" | "start" | "hidden";
};
secondary: {
base: string;
indicator: "end" | "start" | "hidden";
};
collab: {
base: string;
indicator: "end" | "start" | "hidden";
};
ai: {
base: string;
indicator: "end" | "start" | "hidden";
};
};
variant: {
list: {};
card: {
item: string;
};
table: {
item: string;
};
};
orientation: {
horizontal: {
fieldset: string;
wrapper: string;
};
vertical: {
fieldset: string;
};
};
indicator: {
start: {
item: string;
base: string;
};
end: {
item: string;
base: string;
};
hidden: {
base: string;
wrapper: string;
};
};
size: {
xs: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
sm: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
md: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
lg: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
};
disabled: {
true: {
base: string;
label: string;
};
};
required: {
true: {
label: string;
};
};
}, {
root: string;
fieldset: string;
legend: string;
item: string;
base: string;
indicator: "end" | "start" | "hidden";
container: string;
wrapper: string;
label: string;
description: string;
}, undefined, {
color: {
default: {
base: string;
indicator: "end" | "start" | "hidden";
};
danger: {
base: string;
indicator: "end" | "start" | "hidden";
};
success: {
base: string;
indicator: "end" | "start" | "hidden";
};
warning: {
base: string;
indicator: "end" | "start" | "hidden";
};
primary: {
base: string;
indicator: "end" | "start" | "hidden";
};
secondary: {
base: string;
indicator: "end" | "start" | "hidden";
};
collab: {
base: string;
indicator: "end" | "start" | "hidden";
};
ai: {
base: string;
indicator: "end" | "start" | "hidden";
};
};
variant: {
list: {};
card: {
item: string;
};
table: {
item: string;
};
};
orientation: {
horizontal: {
fieldset: string;
wrapper: string;
};
vertical: {
fieldset: string;
};
};
indicator: {
start: {
item: string;
base: string;
};
end: {
item: string;
base: string;
};
hidden: {
base: string;
wrapper: string;
};
};
size: {
xs: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
sm: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
md: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
lg: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
};
disabled: {
true: {
base: string;
label: string;
};
};
required: {
true: {
label: string;
};
};
}, {
root: string;
fieldset: string;
legend: string;
item: string;
base: string;
indicator: "end" | "start" | "hidden";
container: string;
wrapper: string;
label: string;
description: string;
}, import("tailwind-variants").TVReturnType<{
color: {
default: {
base: string;
indicator: "end" | "start" | "hidden";
};
danger: {
base: string;
indicator: "end" | "start" | "hidden";
};
success: {
base: string;
indicator: "end" | "start" | "hidden";
};
warning: {
base: string;
indicator: "end" | "start" | "hidden";
};
primary: {
base: string;
indicator: "end" | "start" | "hidden";
};
secondary: {
base: string;
indicator: "end" | "start" | "hidden";
};
collab: {
base: string;
indicator: "end" | "start" | "hidden";
};
ai: {
base: string;
indicator: "end" | "start" | "hidden";
};
};
variant: {
list: {};
card: {
item: string;
};
table: {
item: string;
};
};
orientation: {
horizontal: {
fieldset: string;
wrapper: string;
};
vertical: {
fieldset: string;
};
};
indicator: {
start: {
item: string;
base: string;
};
end: {
item: string;
base: string;
};
hidden: {
base: string;
wrapper: string;
};
};
size: {
xs: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
sm: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
md: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
lg: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
};
disabled: {
true: {
base: string;
label: string;
};
};
required: {
true: {
label: string;
};
};
}, {
root: string;
fieldset: string;
legend: string;
item: string;
base: string;
indicator: "end" | "start" | "hidden";
container: string;
wrapper: string;
label: string;
description: string;
}, undefined, {
color: {
default: {
base: string;
indicator: "end" | "start" | "hidden";
};
danger: {
base: string;
indicator: "end" | "start" | "hidden";
};
success: {
base: string;
indicator: "end" | "start" | "hidden";
};
warning: {
base: string;
indicator: "end" | "start" | "hidden";
};
primary: {
base: string;
indicator: "end" | "start" | "hidden";
};
secondary: {
base: string;
indicator: "end" | "start" | "hidden";
};
collab: {
base: string;
indicator: "end" | "start" | "hidden";
};
ai: {
base: string;
indicator: "end" | "start" | "hidden";
};
};
variant: {
list: {};
card: {
item: string;
};
table: {
item: string;
};
};
orientation: {
horizontal: {
fieldset: string;
wrapper: string;
};
vertical: {
fieldset: string;
};
};
indicator: {
start: {
item: string;
base: string;
};
end: {
item: string;
base: string;
};
hidden: {
base: string;
wrapper: string;
};
};
size: {
xs: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
sm: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
md: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
lg: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
};
disabled: {
true: {
base: string;
label: string;
};
};
required: {
true: {
label: string;
};
};
}, {
root: string;
fieldset: string;
legend: string;
item: string;
base: string;
indicator: "end" | "start" | "hidden";
container: string;
wrapper: string;
label: string;
description: string;
}, import("tailwind-variants").TVReturnType<{
color: {
default: {
base: string;
indicator: "end" | "start" | "hidden";
};
danger: {
base: string;
indicator: "end" | "start" | "hidden";
};
success: {
base: string;
indicator: "end" | "start" | "hidden";
};
warning: {
base: string;
indicator: "end" | "start" | "hidden";
};
primary: {
base: string;
indicator: "end" | "start" | "hidden";
};
secondary: {
base: string;
indicator: "end" | "start" | "hidden";
};
collab: {
base: string;
indicator: "end" | "start" | "hidden";
};
ai: {
base: string;
indicator: "end" | "start" | "hidden";
};
};
variant: {
list: {};
card: {
item: string;
};
table: {
item: string;
};
};
orientation: {
horizontal: {
fieldset: string;
wrapper: string;
};
vertical: {
fieldset: string;
};
};
indicator: {
start: {
item: string;
base: string;
};
end: {
item: string;
base: string;
};
hidden: {
base: string;
wrapper: string;
};
};
size: {
xs: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
sm: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
md: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
lg: {
fieldset: string;
legend: string;
base: string;
item: string;
label: string;
container: string;
indicator: "end" | "start" | "hidden";
};
};
disabled: {
true: {
base: string;
label: string;
};
};
required: {
true: {
label: string;
};
};
}, {
root: string;
fieldset: string;
legend: string;
item: string;
base: string;
indicator: "end" | "start" | "hidden";
container: string;
wrapper: string;
label: string;
description: string;
}, undefined, unknown, unknown, undefined>>>;
type RadioGroupVariants = VariantProps<typeof radioGroup>;
export type RadioGroupValue = AcceptableValue;
export type RadioGroupItem = {
label?: string;
description?: string;
disabled?: boolean;
value?: string;
[key: string]: any;
} | RadioGroupValue;
export interface RadioGroupProps<T extends RadioGroupItem = RadioGroupItem> extends Pick<RadioGroupRootProps, 'defaultValue' | 'disabled' | 'loop' | 'modelValue' | 'name' | 'required'> {
/**
* The element or component this component should render as.
* @defaultValue 'div'
*/
as?: any;
legend?: string;
/**
* When `items` is an array of objects, select the field to use as the value.
* @defaultValue 'value'
*/
valueKey?: string;
/**
* When `items` is an array of objects, select the field to use as the label.
* @defaultValue 'label'
*/
labelKey?: string;
/**
* When `items` is an array of objects, select the field to use as the description.
* @defaultValue 'description'
*/
descriptionKey?: string;
items?: T[];
/**
* @defaultValue 'md'
*/
size?: RadioGroupVariants['size'];
/**
* @defaultValue 'list'
*/
variant?: RadioGroupVariants['variant'];
/**
* @defaultValue 'primary'
*/
color?: RadioGroupVariants['color'];
/**
* The orientation the radio buttons are laid out.
* @defaultValue 'vertical'
*/
orientation?: RadioGroupRootProps['orientation'];
/**
* Position of the indicator.
* @defaultValue 'start'
*/
indicator?: RadioGroupVariants['indicator'];
class?: any;
b24ui?: Partial<typeof radioGroup.slots>;
}
export type RadioGroupEmits = RadioGroupRootEmits & {
change: [payload: Event];
};
type SlotProps<T extends RadioGroupItem> = (props: {
item: T & {
id: string;
};
modelValue?: RadioGroupValue;
}) => any;
export interface RadioGroupSlots<T extends RadioGroupItem = RadioGroupItem> {
legend(props?: {}): any;
label: SlotProps<T>;
description: SlotProps<T>;
}
declare const _default: <T extends RadioGroupItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
props: __VLS_PrettifyLocal<any & RadioGroupProps<T> & Partial<{}>> & (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps);
expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
attrs: any;
slots: Readonly<RadioGroupSlots<T>> & RadioGroupSlots<T>;
emit: ((evt: "change", payload: Event) => void) & ((evt: "update:modelValue", payload: string) => void);
}>) => import("vue").VNode & {
__ctx?: Awaited<typeof __VLS_setup>;
};
export default _default;
type __VLS_PrettifyLocal<T> = {
[K in keyof T]: T[K];
} & {};