import type { CheckboxGroupRootProps, CheckboxGroupRootEmits } from 'reka-ui'; import type { VNode } from 'vue'; import type { AppConfig } from '@nuxt/schema'; import theme from '#build/b24ui/checkbox-group'; import type { CheckboxProps } from '../types'; import type { AcceptableValue, GetItemKeys, GetModelValue, GetModelValueEmits } from '../types/utils'; import type { ComponentConfig } from '../types/tv'; type CheckboxGroup = ComponentConfig; export type CheckboxGroupValue = AcceptableValue; export type CheckboxGroupItem = CheckboxGroupValue | { label?: string; description?: string; disabled?: boolean; value?: string; class?: any; b24ui?: Pick & Omit['b24ui'], 'root'>; [key: string]: any; }; export interface CheckboxGroupProps = 'value'> extends Pick, Pick { /** * 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?: VK; /** * When `items` is an array of objects, select the field to use as the label. * @defaultValue 'label' */ labelKey?: GetItemKeys; /** * When `items` is an array of objects, select the field to use as the description. * @defaultValue 'description' */ descriptionKey?: GetItemKeys; items?: T; /** The controlled value of the CheckboxGroup. Can be bind as `v-model`. */ modelValue?: GetModelValue; /** The value of the CheckboxGroup when initially rendered. Use when you do not need to control the state of the CheckboxGroup. */ defaultValue?: GetModelValue; /** * @defaultValue 'md' */ size?: CheckboxGroup['variants']['size']; /** * @defaultValue 'list' */ variant?: CheckboxGroup['variants']['variant']; /** * The orientation the checkbox buttons are laid out. * @defaultValue 'vertical' */ orientation?: CheckboxGroup['variants']['orientation']; class?: any; b24ui?: CheckboxGroup['slots'] & CheckboxProps['b24ui']; } export type CheckboxGroupEmits = 'value'> = Omit & { change: [event: Event]; } & GetModelValueEmits; type SlotProps = (props: { item: T & { id: string; }; }) => VNode[]; export interface CheckboxGroupSlots { legend?(props?: {}): VNode[]; label?: SlotProps; description?: SlotProps; } declare const _default: typeof __VLS_export; export default _default; declare const __VLS_export: = "value">(__VLS_props: NonNullable>["props"], __VLS_ctx?: __VLS_PrettifyLocal>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable>["expose"], __VLS_setup?: Promise<{ props: import("vue").PublicProps & __VLS_PrettifyLocal & { onChange?: ((event: Event) => any) | undefined; "onUpdate:modelValue"?: ((value: import("../types").GetItemValue>[]) => any) | undefined; }> & (typeof globalThis extends { __VLS_PROPS_FALLBACK: infer P; } ? P : {}); expose: (exposed: {}) => void; attrs: any; slots: CheckboxGroupSlots; emit: ((evt: "change", event: Event) => void) & ((evt: "update:modelValue", value: import("../types").GetItemValue>[]) => void); }>) => import("vue").VNode & { __ctx?: Awaited; }; type __VLS_PrettifyLocal = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};