import { LitElement, PropertyValues } from "lit"; import "../icon/icon.js"; import "../tooltip/tooltip.js"; declare const WarpCheckboxGroup_base: import("@open-wc/form-control").Constructor & typeof LitElement; /** * Checkboxes allow users to select one or more options from a number of choices. * * Wrap individual checkboxes in a checkbox group. * * [Warp component reference](https://warp-ds.github.io/docs/components/checkbox/frameworks/elements) */ export declare class WarpCheckboxGroup extends WarpCheckboxGroup_base { #private; static shadowRootOptions: { delegatesFocus: boolean; clonable?: boolean; customElementRegistry?: CustomElementRegistry | null; mode: ShadowRootMode; serializable?: boolean; slotAssignment?: SlotAssignmentMode; }; /** * The group label displayed above the checkboxes. * * Use this to describe the shared question or topic for the checkbox options. The label is connected to the internal group for assistive technologies. */ label: string | undefined; /** * Supplementary information that should show in a tooltip behind an information icon after the label. * * You must provide a label to be able to show an info icon with a tooltip. */ tooltip?: string; /** * The name applied to child checkboxes when they do not provide one. * * Use this when the grouped checkboxes should submit values under the same form field name. Individual checkboxes can still override the group name with their own `name`. */ name: string | undefined; /** * Whether to show optional text next to the label. * * Use this to indicate that selecting an option from the group is not required. */ optional: boolean; /** * Help text displayed below the checkbox group. * * Use this for supporting guidance or validation feedback. When required validation fails, the group replaces this text with the localized required message. */ helpText: string | undefined; /** * Whether at least one checkbox in the group must be selected. * * Required validation is managed by the group. The individual checkboxes provide the submitted form values. */ required: boolean; /** * Whether the checkbox group is visually invalid. * * Use this to show an externally managed validation error for the group. The invalid state is also shared with child checkboxes for consistent styling and accessibility state. */ invalid: boolean; private _hasHelpTextSlot; private _internalTabIndex; static styles: import("lit").CSSResult; helpTextSlotChange(): void; render(): import("lit").TemplateResult<1>; connectedCallback(): void; disconnectedCallback(): void; /** Checks whether the group passes constraint validation */ checkValidity(): boolean; /** Checks validity and shows the validation message if invalid */ reportValidity(): boolean; /** Sets focus on the checkbox group. */ focus(options?: FocusOptions): void; updated(changedProperties: PropertyValues): void; } /** @deprecated Use WarpCheckboxGroup */ export declare const WCheckboxGroup: typeof WarpCheckboxGroup; declare global { interface HTMLElementTagNameMap { "w-checkbox-group": WarpCheckboxGroup; } } export {};