alouette/dist/definitions/ui/inputs/CheckboxCardGroup.d.ts

A modern, customizable design system built on top of NativeWind v5 with configurable defaults

import type { ReactNode } from "react";
import { type VariantProps } from "tailwind-variants";
import { type MultiSelectionGroupProps } from "../selection/MultiSelectionContext";
declare const checkboxCardGroupVariants: import("tailwind-variants").TVReturnType<{
    layout: {
        list: string;
        stack: string;
    };
}, undefined, "gap-xs", {
    layout: {
        list: string;
        stack: string;
    };
}, undefined, import("tailwind-variants").TVReturnType<{
    layout: {
        list: string;
        stack: string;
    };
}, undefined, "gap-xs", unknown, unknown, undefined>>;
type CheckboxCardGroupVariantProps = VariantProps<typeof checkboxCardGroupVariants>;
export type CheckboxCardGroupLayout = NonNullable<CheckboxCardGroupVariantProps["layout"]>;
export type CheckboxCardGroupVariant = "contained" | "outlined";
interface CheckboxCardGroupAppearance {
    layout: CheckboxCardGroupLayout;
    variant: CheckboxCardGroupVariant;
}
/** Lets a card size itself for the row it flows in and take the group's material. */
export declare function useCheckboxCardGroupAppearance(): CheckboxCardGroupAppearance;
export interface CheckboxCardGroupProps extends MultiSelectionGroupProps, CheckboxCardGroupVariantProps {
    /** The material every card shares: a checked card takes the accent, the
     * others the neutral theme. */
    variant?: CheckboxCardGroupVariant;
    className?: string;
}
export declare function CheckboxCardGroup({ values, defaultValues, onValuesChange, accent, disabled, layout, variant, className, children, ...props }: CheckboxCardGroupProps): ReactNode;
export {};
//# sourceMappingURL=CheckboxCardGroup.d.ts.map