/** * @fileoverview Checkbox — toggle input with Motion spring check-mark animation. * @module packages/ui/components/ui/checkbox * @layer core * * Self-contained implementation built on Radix Checkbox primitive. The check * indicator uses a bouncy spring scale animation via Motion that plays on mount * when the checkbox becomes checked. * * @component * @example * import { Checkbox } from "@saasflare/ui"; * * * */ import * as React from "react"; import * as CheckboxPrimitive from "@radix-ui/react-checkbox"; import { type SaasflareComponentProps } from "../../providers"; /** * Props for {@link Checkbox}. * * Extends the Radix Checkbox root props with {@link SaasflareComponentProps}, * so `surface`, `radius`, `animated`, and `iconWeight` can be supplied * per-instance or inherited from . */ interface CheckboxProps extends Omit, keyof SaasflareComponentProps>, SaasflareComponentProps { } /** * Checkbox input with a bouncy spring check-mark animation. Built on the * Radix Checkbox primitive; supports controlled and uncontrolled checked * state. Pair with a `