/**
 * Type definitions for the Checkbox component.
 *
 * @module @mks2508/mks-ui/react/ui/Checkbox/Checkbox.types
 */
import type { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
import type { HTMLMotionProps, SVGMotionProps } from 'motion/react';
import type { IBaseConfig, SlotOverrides } from '../../../core/types';
/**
 * Available style slot names for the Checkbox component.
 * Each slot maps to a visual region that can be customized via the `slots` prop.
 *
 * - `root` - The outer checkbox button element
 * - `indicator` - The SVG checkmark/indeterminate indicator
 *
 * @example
 * ```tsx
 * <Checkbox slots={{ root: 'border-cyan-400', indicator: 'text-cyan-400' }} />
 * ```
 */
export type CheckboxSlot = 'root' | 'indicator';
/**
 * Internal context type for Checkbox state management.
 * Shared between the Checkbox root and its child components via React context.
 */
export type CheckboxContextType = {
    /** Whether the checkbox is currently checked. */
    isChecked: boolean;
    /** Callback to update the checked state. */
    setIsChecked: ICheckboxProps['onCheckedChange'];
    /** Whether the checkbox is in an indeterminate state. */
    isIndeterminate: boolean | undefined;
};
/**
 * Configuration options for Checkbox behavior and animation.
 * Extends the base config with checkbox-specific settings.
 *
 * @example
 * ```tsx
 * <Checkbox config={{ animation: { duration: 0.2 } }} />
 * ```
 */
export interface ICheckboxConfig extends IBaseConfig {
    /**
     * Scale factor applied when the checkbox is tapped.
     * @defaultValue 0.95
     */
    tapScale?: number;
    /**
     * Scale factor applied when the checkbox is hovered.
     * @defaultValue 1.05
     */
    hoverScale?: number;
}
/**
 * Props for the Checkbox root component.
 * Combines Base UI Checkbox.Root props (without `render`) with Motion button props,
 * plus slot overrides and configuration.
 *
 * @example
 * ```tsx
 * <Checkbox
 *   checked={isChecked}
 *   onCheckedChange={setIsChecked}
 *   slots={{ root: 'rounded-md border-2 border-zinc-600' }}
 * />
 * ```
 */
export type ICheckboxProps = Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'render'> & HTMLMotionProps<'button'> & {
    /** Partial class overrides for each visual slot. */
    slots?: SlotOverrides<CheckboxSlot>;
    /** Behavioral and animation configuration. */
    config?: ICheckboxConfig;
};
/**
 * Props for the CheckboxIndicator sub-component.
 * Extends SVG motion props for the animated checkmark/indeterminate indicator.
 *
 * @example
 * ```tsx
 * <CheckboxIndicator className="size-4" />
 * ```
 */
export type ICheckboxIndicatorProps = SVGMotionProps<SVGSVGElement> & {
    /** Partial class overrides for each visual slot. */
    slots?: SlotOverrides<CheckboxSlot>;
};
//# sourceMappingURL=Checkbox.types.d.ts.map